しあわせ情報室

「知識は人をしあわせにする」をテーマに、本・辞書・手帳・子育てなどについて発信するブログです。

おすすめ記事
国語辞典と英和辞典の比較記事の一覧
能率手帳を愛用する著名人
BMW  アクティブツアラー F45 218i
スポーツ選手27人の親の関わり

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

【追記】
2020年9月にデザインテーマを「Minimalism」から「SOHO」に変更しました。以下は「Minimalism」で設定した際の記録です。

-----

ブログのデザインテーマを「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

 

関連エントリー: