ブログ書きのちょっとしたアイデア。
と言うか、たくさんエントリー書いていたら「あ、いつの間にかこうなってたよ」って話。
タイトルの中(タイトルの前)に、自分勝手でも良いので、何らかのカテゴリーを書くのが良いんじゃないかなと思う。後でカテゴリー分けするときも便利だし、見ようと思う人がぱっと見ただけで「これは見る必要があるか否か」が分かる。
このことについては、意識してないのに気づいたら自然とこうなってた。こういった「いつの間にか最適化されたもの」って言うのに結構重要なアイデアが隠されてるのかもと思う。
色んなページのお気に入りを見ていて、お気に入り登録されたときに出るアイコンがうらやましかったので、今回作成してみました。かなりのお手軽な感じで最短5分あれば出来ます。
以下、作り方を紹介します。
1.アイコン無料作成ソフトでアイコン作成。
ロゴ&バナー無料自動作成
上記のサービスを使って、好きなアイコンを作成します。一番お手軽なのは、英数字1文字のアイコン。(僕のところみたいなやつ)
2.favicon.ico形式に変換
FavIcon from Pics
上記のところへ行くと、favicon.ico形式に変換してくれます。ローカルにある、さっき作ったgifファイルを指定して[Generate FavIcon.ico]ボタンを押します。
そうすると、勝手に縮小されて、favicon.ico形式に変換されます。zipファイルになるのでダウンロード。
3.自分のページへUP
FTPなんかを使って、ダウンロードしてきたfavicon.icoを自分の領域にアップデートします。index.htmlと同じところが良いのではないでしょうか。
4.headタグに記述。
以下を<head></head>の間に記述します。
MovableTypeの場合
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="<$MTBlogURL$>favicon.ico" />
それ以外
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico" />
5.実際に表示させてみる
IE系のブラウザで自分のページを表示させてみてください。アイコンが出るようなったら成功です。
上記の設定はすぐ出来たけど、記事の作成に30分掛かった。w
大した話題ではないですが、写真の掲載サイズを少し上げてみました。今までは、長辺200ピクセルだったのだけど、今後は長辺320ピクセルでやっていこうかなと思います。
なぜ200ピクセルにこだわっていたのかと言うと、昔、HTMLで作っていたホームページからの習慣で、画像サイズがデカイと表示が待たされるために訪れた人に申し訳ないと言うわけで、極力画像を小さくしていた訳です。
よくよく考えてみれば、今は昔と状況違うし、どんだけ大きいサイズを掲載してもダウンロードに待たされると言うことはまずありません。
それに画像が訴える力っていうのも結構あって、僕自身もブログでぐっと来る写真を見つけたりすると思わずブックマークしてしまうときがあります。
ぐっと来る写真を見ると、うらやましく思い、デジカメの取り方も少し練習した方がよいかなぁ、と思ったりもしてます。