METAタグ追加と独自ドメインに変更、そして文字るの英語表記を新たに—拙WEBSITEマイナーチェンジ その6

思うところあって、拙サイトにmetaタグを追加することに。そしてBlogger2つとTumblr2つを独自ドメインに変更した。

拙サイトにmetaタグを追加

追加したのは、
  • <meta name="format-detection" content="telephone=no" />
  • <meta name="copyright" content="©2012–2013 eszett design, Osaka Japan" />
  • <link rel="canonical" href="http://eszett-design.com/" />
の3つ。

1番目は、iPhone上で数字の羅列が勝手に電話番号と解釈されてリンクにならないようにする設定、とのことで、念のために導入（XHTMLに使って良いかはっきり判らないが、Another HTML-lint 5でチェックしてもエラーにならなかったので良しとする）。（※参照：「iPhoneのSafariでこのblogを見たときに数字の列が電話番号扱いされないようにした | コーヒーサーバは香炉である」深謝！）

2番目は、著作権表記metaタグ。元々フッターに表記しているが、これも念のため。

3番目は、「URL正規化タグ」なるもの。拙サイトの場合、http://www.eszett-design.com/の他にhttp://eszett-design.com/もあって重複しているが、これを指定した方へ統一して、もう一方へアクセスした場合もリダイレクトしてくれる、らしい。（※参照：「link rel="canonical"（カノニカルタグ）の使い方。URLを正規化させて重複コンテンツの発生を防ぐ方法 | SEOのホワイトハットジャパン」深謝！）

BloggerとTumblrを独自ドメインに変更

Tumblrに独自ドメインを設定するのは簡単で、契約しているレンタルサーバーでサブドメインを設定してそれをTumblrのカスタムドメイン設定に導入すれば良いだけ。

大変だったのはBloggerの方。
これに先立ってこのNEWSブログは独自ドメインにしたのだが、その時はTumblrと同じ感じで簡単に設定できたのだが、いつの間にやらややこしくなっていて以前の方法では独自ドメインを設定できなくなった。新しい設定方法をどなたかブログなどで書かれてないか探しに探してようやく情報秘密基地さんのエントリ「ブロガー[blogger]で、さくらインターネットのサブドメインを割り当てる方法(*´ω｀*)」に辿り着いた。おかげで無事独自ドメインに変更できた。感謝感激！

さて、今回独自ドメインを設定したのは以下の4つ。
  • MOJIRU [TYPŒ]（日本語名：文字るブログ）—http://typotype.eszett-design.com/へ変更
  • LETTER-PRESS（日本語名：活字の小箱ブログ）—http://letterpress.eszett-design.com/へ変更
  • the Museum of Lines（日本語名：線の博物館）—http://themuseumoflines.eszett-design.com/へ変更
  • the Moji Shop（日本語名：文字の雑貨店）—http://themojishop.eszett-design.com/へ変更
各々URLが変更になったが、旧URLでも新URLにリダイレクトされるので大丈夫。

文字るの英語表記を新たに

URL変更を機に、文字るの新名称に「TYPŒ」を追加した。これは「Typo and Type」という意味かつ合成した表記。読みは［タイポタイプ］。しばらくは英語名「MOJIRU」と併記していくが、のちのち「TYPŒ」に変更の予定。以後お見知りおきを。




コメント

コメントを投稿

よく読まれている記事

CSSボタンでテキストを天地中央に揃えるとき、なぜボタン高と行高を一緒にするのか

イメージ
表題の件が気になり調べたものを共有した方がイイかなと思い公開してみる。 自身の中でまだよく噛み砕けていないので判りづらい箇所があるかと思うが、そこはご寛恕を。 参考 Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification（日本語訳） Eric A. Meyer著. 株式会社クイープ訳. CSS完全ガイド第2版 . オライリージャパン, 2010 インライン要素とは何か 文書構造を構成するブロックレベル要素内の特定箇所にある特定の機能や論理的な意味を付加する要素をいう。それ自身の前後に改行を生成しない。例としては、a要素、em要素、span要素など。 インライン要素には非置換要素と置換要素とがある。今回は置換要素には触れない（置換要素の代表例はimg要素）。 非置換要素とは何か 要素に囲まれた内容がそのまま表示される要素。HTMLやXHTMLの要素の大半は非置換要素である。 インライン非置換要素の特徴 widthとheightは適用されない。 背景はコンテンツエリアとpaddingに適用される。 上下marginは、事実上適用されない。 左右paddingは、要素の先頭と末尾のみに適用される。 上下paddingは、要素の背景を上下に伸ばすが、行の高さに影響しないため、背景色がある場合は上下の行（実際は上の行）に重なってしまう。 line-heightは何を制御しているか 行高を指定するline-heightは単純に行間を制御しているのではなく、 leadingという、コンテンツエリアの上下にある余白を制御 している。 leadingはline-heightとfont-sizeとの差 であり、 この差を等分 して コンテンツエリアの上下に加えることによって行間が決まる （コンテンツエリア＋leadingをインラインボックスという）。 コンテンツエリアとは、インライン非置換要素では、要素内の全ての文字を繋ぎ合わせたボックスでfont-sizeの値と同じ高さになる。 図解すると以下の通り。 つまり、line-heightが設定され...
Read more »

FullCalendarの導入からカレンダー毎の色指定まで

イメージ
2012年7月の拙サイト改装2回目時に既に導入している「 FullCalendar 」について、導入からGoogleカレンダーの複数読込み、カレンダー毎の色指定までをおさらい。基本的な流れはFullCalendarサイトの解説を踏襲。 デフォルト状態 下記改修を施した後 1. ダウンロード Downloadページ から「fullcalendar-1.5.3.zip」をダウンロードして解凍後、自サーバーへアップ。 2. fullcalendarのCSSとJSを読込む <head> タグ内に以下を記述。 <link rel="stylesheet" type="text/css" href=" fullcalendar.css " /> <script type="text/javascript" src=" fullcalendar.js "></script> <script type="text/javascript" src=" fullcalendar.min.js "></script> <script type="text/javascript" src=" gcal.js "></script> 赤字部分は各自の階層に合うように適宜変更。 3. FullCalendarにGoogleカレンダーを読込むためのjQueryを <head> タグ内に記述 必ず <script> タグで囲むこと。 <script type="text/javascript"> $(document).ready(function() { $(' #calendar ').fullCalendar({ // あとでここに色々追記 }) }); </script> 4. <body> タグ内のFullCalendarを挿入したい箇所にID属性を挿入 <...
Read more »

FacebookページのフィードURLを取得しウォールを自サイトに表示

イメージ
結局未採用だけど、折角調べて試してみたので記録しておく。 参照サイトは jQueryでFacebookページのウォールを自分のサイトに表示する方法（簡易バージョン） | webOpixel FacebookページのフィードURL取得は（取得ツール付き） FacebookページのフィードURLを取得してフィードリーダーで購読する方法: 小粋空間 以上、深謝。 自分のFacebookページのフィードURLを取得 上記参照サイトでは、自FacebookページのID確認方法について書かれているが、小粋空間さんのページに「自FacebookページのフィードURL取得ツール」があるので、自FacebookページのURLを入力すれば、フィードURLを表示してくれる。但しフォーマットはAtom1.0なので、RSS2.0フォーマットは以下のように変更する。 小粋空間さんの取得ツールで取得したフィードURL https://www.facebook.com/feeds/page.php?format= atom10 &id= [取得したID] RSS2.0フォーマットに変更後 https://www.facebook.com/feeds/page.php?format= rss20 &id= [取得したID] jQueryを自サイトに貼込み webOpixelさんからjQueryをを拝借し、自サイトに貼り込む。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { var formatData = function(date) { var d = new Date(date); return (d.getFullYear() + '.' + ("0"+(d.getMonth()+1)).slice(-2) + '.' ...
Read more »