しあわせ情報室

人生を家族と一緒に楽しむための情報集。子育てと教育を中心に。

はてなブログのデザインテーマを「Minimalism」に変更したメモ。

スポンサーリンク

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

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

 

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

 

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

・変更を検討するにあたり、もう一つ非公開のブログをつくる
・いくつか記事をコピーしてテーマを試し、見やすさやイメージをチェック
・他に検討したのは「Report」「Contents」「Sentence」「Naked」「Innocent」
・この非公開のブログに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;

 

今回の経験では、インストール済みのテーマを変更するだけなら設定はそのまま引き継がれ、新しくテーマをインストールするときはCSSなど消えてしまうようですね。

 

タイトル画像も、奥様と行ったランカウイ等の写真から、前の会社が家族3人を連れて行ってくれたハワイの写真に変えました。

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

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

f:id:Kenden:20200205155045j:plain

 

▼関連記事

はてなブログのデザインテーマを「Smooth」に変更しました。 - しあわせ情報室

はてなブログのデザインテーマを再検討。巡り巡って、「Smooth」+「タイトル画像の変更」になりました。 - しあわせ情報室