投稿

ラベル(blogger)が付いた投稿を表示しています

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の方。 これに先立ってこのNE...

拙WEBSITEその他一式マイナーチェンジ その4

イメージ
ホンマに性懲りも無く本日も拙サイトその他一式のマイナーチェンジを行なう。 トップページのメインに掲載するものを最大2つに絞り込む。その時々の旬な自分の仕事やプロジェクトをピックアップするようにした。 大見出しの文字サイズを大幅に大きくし、大見出しのみの書体も変更。 薄い文字色とリンクhover時の文字色の変更。 上記に伴って、CSSにてレイアウトの微調整。 NEWS・MOJIRU・LETTER-PRESSの各ブログ及びLINE MUSEUM・MOJI SHOPは、拙サイトの変更に合わせた。 チョット珍しい本を紹介するページ(RARE)を新設(といっても2冊のみだが)。 昨日までのレイアウトが… こんな感じにスッキリ。 たぶんこれで落ち着いた、と思う。。。

bloggerのフッタのちょっとしたカスタマイズ(非推奨)

イメージ
このNEWSブログは先日から弄っているが、本日もcssにてレイアウトの微調整を施した。 そんな中、どうしても気になるのがフッタ部分。 拙website のフッタと同じ形式にするため、ちょっとしたカスタマイズを仕掛けた。 以下、自己責任にてお願いする次第である 。 オリジナルのものにするために、既成のフッタ部分 <!-- outside of the include in order to lock Attribution widget --> <b:section class='foot' id='footer-3' showaddelement='no'> <b:widget id='Attribution1' locked='true' title='' type='Attribution'/> </b:section> を削除する必要があるが、一度削除してしまうと元に戻せないので、コメントアウトで隠す方法を採ることにした。 <!-- outside of the include in order to lock Attribution widget <b:section class='foot' id='footer-3' showaddelement='no'> <b:widget id='Attribution1' locked='true' title='' type='Attribution'/> </b:section> --> 上記の通りにコメントアウトして隠して、あとはレイアウト画面で「HTML/JavaScript」ガジェットを追加してそれに 拙website のフッタと同じHTMLを入れ、テンプレートデザイナーにてCSSを追加して(他にテンプレートのHTML側にもwebfontやらJavaScriptやら追加しているが省略)完成。 既成のフッタ カスタマイズ後

拙websiteマイナーチェンジその3とNEWSブログ修正

性懲りも無く昨日今日とサイトのマイナーチェンジと、NEWSブログ(このブログ)の大幅変更を行う。 サイトの方は、 トップページのNEWSグループ、eszett・mojiru・letter-pressの各ブログをAPIで読込んだものをサイドナビの下に移動し、各エントリ数も3→1に減らした。 上記に伴って、CSSにてレイアウトの微調整。 などを行なった。 NEWSブログ(このブログ)の方は、サイトの変更に合わせるようにしたために新設計とした。

BloggerとTumblrのテンプレート改造

イメージ
本日は午後よりBlogger(このブログ、 文字る 、 活字の小箱 )およびTumblr( 文字の雑貨店 )のテンプレートを、拙サイトとほぼ同仕様へ大幅に改造。Bloggerは拙サイトをふまえて独自のCSSを組み、Tumblrは拙サイトで使用のCSSを読込み、微調整は独自CSSを組んだ。jQueryは丸々拙サイトで使用のものを読込んだ。意外にすんなりと改造できた。明日は残りのTumblr(線の博物館)の改造。

NEWSページをblog化

NEWSページを、管理しやすいようにblog形式に刷新。NEWSだけでなく業務のことなども書く予定。折角自分のドメインを持っているので、bloggerのアドレスも独自ドメインにすることに。その際参考にしたサイトは以下の通り(ありがとうございます)。 Bloggerを独自ドメインで運用する。 - Serendipity blog. blogger.comをサブドメインで運用する方法(さくらインターネット) : わいきゅー Google Blogger にブログを開設して、独自ドメインのサブドメインを設定する(さくらインターネット編) - おそえの日誌2 Just changed NEWS page into NEWS “blog”. I will write articles of my site news and my works. I have my domain, and I switched from blogger's domain to my domain.