今夜はロールバック!

ただの日記です。

TOP

はてなブログのテーマをZENO-TEALに変更しました!設定方法備忘録

f:id:momogaaaa:20180322000211p:plain

どうも、ももがです。・ω・

ついにブログテーマを「ZENO-TEAL」に変更しました!

実はみなさんのブログを見ていて前からこのテーマを使ってみたかったんですよね。

 

いつも平日はなかなか手がつけれず(先延ばしの悪い癖が。。)、休日を使ってテーマを変更しました。

備忘録としてやったことをまとめておきます。

 

ZERO-TEALをインストールする。

まずはインスールしましょう。

ZENO-TEAL - テーマ ストア

 

ヘッダ下のオススメ画像を表示する。

ヘッダのすぐ下にズラッと横並びになっているアイキャッチを出す方法です。

デフォルトの状態では出てこないのでコチラを参考にしてカスタマイズする必要があります。

zeno-teal.hatenablog.com

 

ヘッダ下にナビゲーションバーを挿入する。

こちらヘッダすぐ下にでているメニューバーですがコチラもデフォルトでは表示されません。

コチラを参考にカスタマイズして下さい。

zeno-teal.hatenablog.com

 

トップの記事数を偶数に変更する。

はてなブログのデフォルトの状態だと、トップページに表示される記事数が7つです。

ZENO-TEALは1列に2つずつ表示しているため記事数が奇数だと収まりが悪いんですよね。

そこでトップへ表示する記事数を偶数に変更します。

 

記事数の変更方法はこちらの手順に従ってください。

「ダッシュボード」→「設定」→「詳細設定」→「トップページの記事数(PC版)」 の数字を偶数にする。

 

フォントサイズを変更する。

ZENO-TEALのデフォルトのフォントサイズは少し小さいので大きさを変更しました。

今は16pxにしていて、自分としては見やすいのかなと納得しています。

 

フォントサイズを変更するにはコチラのCSSをデザイン設定画面のデザインCSSへ貼り付けて下さい。

.page-entry .entry-content, .page-preview .entry-content {
font-size: 16px;
}

 

背景色を変更する。

ZENO-TEALの背景色のデフォルトは水玉だったのですが、シンプルにしたかったのでグレーへと変更しました。

変更方法は簡単。

デザイン設定画面から背景色を変更すればOKです。

f:id:momogaaaa:20180322220801p:plain

 

さいごに

まずはZENO-TEALを作ってくれた作者さんへ感謝です。

ZENO-TEALを使ったブログは最近よくみかけるのですが非常に読みやすいですよね。

写真も大きく、文字幅や行間もキレイでその上シンプルで飽きがこない設計になっています。

今まで使ってきたテーマではダントツで気にいっています。

このテーマに変更してから自分のブログが前よりも好きになりました。

やっぱりデザインは大事。

 

それでは今日はこのへんで。