はてなブログ-カスタマイズ

"ZENO-TEAL"の細かい部分のカスタマイズ

ZENO-TEALをカスタマイズして当ブログみたいなデザインにする方法をシリーズで紹介してきましたが、最後に細々とした部分をまとめます。

【はてなブログ】フッターに他サイトへのバナーなどを表示

写真のようなバナーの並ぶフッタを作ります。コピペでOK!

【はてなブログ】ページ最上部にメニューバーを設置する(トップページへのリンク、検索ボックス、カテゴリメニューを並べる)

今回は上の写真のようにページ最上部にメニューバーを出します。コピペでもOK! 背景のみ透過させられます。

人気テーマ"ZENO-TEAL"をカスタマイズする

当ブログははてなブログなのですが、デザインはc-miyaさんの人気テーマ"ZENO-TEAL"をカスタマイズして作りました。その方法を書いていきます。 (追記:現在は自分で作ったテーマPlainを利用しています。よかったらどうぞ)

はてなブログのカスタマイズの仕方

はてなブログは手軽に自由なデザインのページを作れるのが特長です。WordPressと違いHTML構造上の制約はあるのですが、ブログ用途ならば工夫でなんとかなります。

【はてなブログ】記事タイトルの投稿日のデザインカスタマイズ

記事タイトルのそばに、投稿日が表示されますね。ここのカスタマイズです。たとえばデフォルトでは「年-月-日」というふうにハイフンで表示されていますが、これを「年/月/日」というふうにスラッシュにする場合

【はてなブログ】カテゴリ部分のカスタマイズ

記事ページの記事タイトルのそばに表示されるカテゴリ名のカスタマイズです。 トップページやアーカイブページ(カテゴリ別ページや月別アーカイブのページ)にも応用できます。

【はてなブログ】パンくずリストのカスタマイズ

はてなブログで公式にパンくずリストが実装されました。今回はその公式パンくずリストのカスタマイズです。

ブログタイトル部分に、記事ページでは記事タイトル、アーカイブページではそのタイトルを表示する

はてなブログの一番上のスペースを記事タイトルやアーカイブタイトルの表示に利用します。

【はてなブログカスタマイズ】 HTML・CSSを貼る場所

はてなブログをカスタマイズするには、HTMLやCSSを書き込む必要があります。書き込むといってもコピペでいいんだけど、具体的にどこに貼ればいいのかを説明します。

【はてなブログ】パンくずリストの最後の項目(現在のページ名)を消す

はてなブログの公式パンくずリストの最後の今いるページ名の部分を削除するCSSです。