はてなブログのデザインテーマを「Minimalism」に変更し いくつかカスタマイズしたメモ

【※このブログは2021年2月1日にWordPressに移行。以下は過去の記録です】

ブログのデザインテーマを「Smooth」から「Minimalism」に変更しました。

理由はただ一つ、「トップページの表示形式を一覧形式にしたときの全体の見やすさ」です。他のはてなブロガーさんのブログをいろいろと見ていて、「Smooth」はこの点で間延びしているように感じてきました。

いろいろ試してみて、情報がギュッと凝縮されて見やすかったのが「Minimalism」です。本当は公式テーマから選びたかったところですが、使っている方も多く情報が豊富なので使わせていただきます。今さら一番人気のテーマですが…。

今回の記録やカスタマイズをメモしておきます。

  • 変更を検討するにあたり、もう一つ非公開のブログをつくる
  • いくつか記事をコピーしてテーマを試し、見やすさやイメージをチェック
  • 他に検討したのは「Report」「Contents」「Sentence」「Naked」「Innocent」
  • この非公開のブログにCSSなど設定を移す
  • 本ブログのデサインテーマを変更
  • タイトル画像や設定済のCSSは引き継がれた(念の為バックアップを! インストール済みのテーマを変更するだけならCSSの設定はそのまま引き継がれ、新しくテーマをインストールするときはCSSが消えるようです)
  • ヘッダ上下の余白を消すためCSSに以下を追記
/*ヘッダ画像上下の余白を消す*/
#blog-title {
 margin: 0 auto;
 padding: 0;
}
  • 【2020.2.7追記】ヘッダ画像上下のCSSは「padding: 25px → margin: 5px auto; padding: 0;」にして余白を入れる(開放感の調整)
  • 見出しの設定をCSSに追記(大見出しの下線、中見出しの下線とフォントサイズ)
h3 {
 /*線の種類(実線) 太さ 色*/
 border-bottom: solid 3px black;
}
h4 {
 border-bottom: dashed 2px;/*下線*/
 padding: 0em 0.5em;/*上下 左右の余白*/
}
.entry-content h4 {
 /*文字のサイズ*/
 font-size:20px;
}

タイトル画像も、奥様と行ったランカウイ等の写真から、前の会社が家族3人を連れて行ってくれたハワイの写真に変えました(※2020年4月3日 シンプルな背景に変更)。

画像を貼るべきか、貼るとしても小さくすべきか、悩ましいところですが当面貼っておくことにします。

いつの日か、自力でハワイに旅行できるよう願いを込めて!

f:id:Kenden:20200205155045j:plain

関連エントリー:

スポンサーリンク
よかったらシェアしてね!
目次
閉じる