あるアルパカの知恵

アラサー男の趣味ブログ。楽しい話と、役立つ話を提供します。

【ブログカスタマイズ】はてなブログのテーマの選び方。私は「Haruni」を選びました

はてなブログのブログテーマを「Haruni」に変えました!

Haruni - テーマ ストア

 

ちなみに、もともとは、Brooklynでした。初心者はとりあえずこれを選んでおけば間違いないと思います。気分を変えるためにテーマ変えただけなので(笑)

Brooklyn - テーマ ストア

 

 

変更前と変更後の写真を載せますね。

BEFORE

f:id:alpacajp:20180409211257j:plain

 

 

AFTER

f:id:alpacajp:20180409213404j:plain

 

アイキャッチ画像も新たに作ったのですが、いまいち地味なので変更します笑

記事の本文冒頭がトップ画面で見えないのが、少しもったいないですね。

 

Haruniで行ったカスタマイズ。

参考にしたカスタマイズはこちら。公式だけで充分やりたいことできました。

シンプルなシェアボタン - Haruni

サイドバーのフォローボタン - Haruni

シンプルなシェアボタン - Haruni

フッター・Copyright表示(はてなブログPro向け) - Haruni

グローバルメニューの設置方法 訂正あり - Haruni

 

ちなみに、Haruniの公式サイトに行ったらわかるのですが、オリジナルはもっとグラデーション強い感じです。

ただ、私は自分なりにカスタマイズして抑えました(分かりづらいけど一応グラデーションです笑)

理由は2つ。

  • 他のサイトとかぶる!!
  • グラデーションあると文字が読みづらい

 

方法は、下記サイトを参考にしました。

着せ替え用CSS 水色・紫・黒系グラデーションサンプルコード【訂正あり】 - Haruni

 

はてなブログ初心者のためのブログテーマの選び方

ブログテーマは良質なものがたくさんあります。

私が選ぶときに気にした観点を共有しておきますね。

  • レスポンシブデザイン(デバイスによりデザインを最適化する=スマホ対応)
  • イメージカラーを反映しやすそうなこと
  • 文字サイズがまあまあ大きいこと(理想は16px以上)
  • テーマに依存して、記事更新時の「細工」がないこと
  • 2カラムであること

 

選びかけたブログテーマ

良いブログテーマがたくさんあるのに、選べるのは一つです。

選ばなかったブログテーマについて簡単に紹介します。

 

Minimalism - テーマ ストア

【良いところ】とにかくシンプルで良い!格好良い!

【いまいちな所】文字サイズが小さい

  ※文字サイズは変えようと思えば変えられます

 

DUDE - テーマ ストア

【良いところ】おしゃれ!インパクトある

【いまいちな所】レスポンシブ非対応

 ※自分でレスポンシブ対応する力があればこれにしたかも

 

ZENO-TEAL - テーマ ストア

【良いところ】カード型で今っぽい

【いまいちな所】続きを読むを手動ですべての記事に入れる必要がある

※続きを読むを入れるのが面倒で断念しました。10記事くらいだったらこれにしていたかも。

 

どれもこれも良いテーマなのですが、CSSを自力で少しいじる必要がありそうなので断念しました。

Haruniもイジる必要ゼロではないのですが、比較的簡単だったかなと思います。

 

以上、「【ブログカスタマイズ】はてなブログのテーマの選び方。私は「Haruni」に変えました」というお話でした。

 

ブログカスタマイズ作業の一環でやってます。他の作業はここにまとめていきます。

www.arupakano.com