今夜はロールバック!

ただの日記です。

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を使ったブログは最近よくみかけるのだが、非常に読みやすい。

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

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

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

やっぱりデザインは大事。改めて感謝。 

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