人気テーマ"ZENO-TEAL"をカスタマイズする
当ブログははてなブログなのですが、デザインはc-miyaさんの人気テーマ"ZENO-TEAL"をカスタマイズして作りました。その方法を書いていきます。
(追記:現在は自分で作ったテーマPlainを利用しています。よかったらどうぞ)
ZENO-TEAL - テーマ ストア
zeno-teal.hatenablog.com
ZENO-TEALを選んだ理由はカード型のトップページに惹かれたからなのですが、このテーマはブログタイトルのスペースが大きく、記事ページの上に常駐されるにはちょっと邪魔でした。トップページではこのくらいでかい方がいいんだけどね。
記事ページではこの広いブログタイトル部分にはかわりに記事タイトルをいれて、ブログのタイトル表示は企業サイトのように最上部にナビゲーションバー(メニューバー)を出したらかっこいいじゃん!
ということで見ての通りのデザインになっているのですが、おおまかなカスタマイズの流れをまとめます。
- 1.ページ最上部にメニューバーを設置する(トップページへのリンク、検索ボックス、カテゴリメニューを並べる)
- 2.ブログタイトル部分に、記事ページでは記事タイトル、アーカイブページ(カテゴリページと月別アーカイブページ)ではそのタイトルを表示する
- 3.フッターに他サイトへのバナーなど
- 4.その他細かい部分
1.ページ最上部にメニューバーを設置する(トップページへのリンク、検索ボックス、カテゴリメニューを並べる)
2.ブログタイトル部分に、記事ページでは記事タイトル、アーカイブページ(カテゴリページと月別アーカイブページ)ではそのタイトルを表示する
メニューバーも表示したい場合は先にそっちをやってください。
www.simonsnote.com