はてなブログ-カスタマイズ
ZENO-TEALをカスタマイズして当ブログみたいなデザインにする方法をシリーズで紹介してきましたが、最後に細々とした部分をまとめます。
写真のようなバナーの並ぶフッタを作ります。コピペでOK!
今回は上の写真のようにページ最上部にメニューバーを出します。コピペでもOK! 背景のみ透過させられます。
当ブログははてなブログなのですが、デザインはc-miyaさんの人気テーマ"ZENO-TEAL"をカスタマイズして作りました。その方法を書いていきます。 (追記:現在は自分で作ったテーマPlainを利用しています。よかったらどうぞ)
はてなブログは手軽に自由なデザインのページを作れるのが特長です。WordPressと違いHTML構造上の制約はあるのですが、ブログ用途ならば工夫でなんとかなります。
記事タイトルのそばに、投稿日が表示されますね。ここのカスタマイズです。たとえばデフォルトでは「年-月-日」というふうにハイフンで表示されていますが、これを「年/月/日」というふうにスラッシュにする場合
記事ページの記事タイトルのそばに表示されるカテゴリ名のカスタマイズです。 トップページやアーカイブページ(カテゴリ別ページや月別アーカイブのページ)にも応用できます。
はてなブログで公式にパンくずリストが実装されました。今回はその公式パンくずリストのカスタマイズです。
はてなブログの一番上のスペースを記事タイトルやアーカイブタイトルの表示に利用します。
はてなブログをカスタマイズするには、HTMLやCSSを書き込む必要があります。書き込むといってもコピペでいいんだけど、具体的にどこに貼ればいいのかを説明します。
はてなブログの公式パンくずリストの最後の今いるページ名の部分を削除するCSSです。