ハンターハンター連載再開記念!ハンタ好きにオススメ漫画まとめ

【ブログカスタマイズ】はてなブログのテーマ「Haruni」がオススメ!

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

Haruni – テーマ ストア

はてなブログテーマ変更前後

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

はてなブログテーマ BEFORE(Brooklyn)

はてなブログテーマ「BEFORE(Brooklyn)」時代のもの。

アルパカブログBEFORE

アルパカブログBEFORE

はてなブログテーマ After(Haruni)

はてなブログテーマ「Haruni」に変更後。

はてなブログデザインAFTER

はてなブログデザインAFTER

 

はてなブログテーマHaruniで行ったカスタマイズまとめ

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

 

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

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

理由は2つ。

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

 

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

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

 

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

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

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

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

 

良いブログテーマがたくさんあるのに、選べるのは一つです。
選ばなかったブログテーマについて簡単に紹介します。

ブログテーマ「Minimalism」

Minimalism – テーマ ストア

  • 【良いところ】とにかくシンプルで良い!格好良い!
  • 【いまいちな所】文字サイズが小さい  ※文字サイズは変えようと思えば変えられます

ブログテーマ「DUDE」

DUDE – テーマ ストア

  • 【良いところ】おしゃれ!インパクトある
  • 【いまいちな所】レスポンシブ非対応 ※自分でレスポンシブ対応する力があればこれにしたかも

ブログテーマ「ZENO-TEAL」

ZENO-TEAL – テーマ ストア

  • 【良いところ】カード型で今っぽい
  • 【いまいちな所】続きを読むを手動ですべての記事に入れる必要がある

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

 

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

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

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

Brooklyn – テーマ ストア

 

その他のカスタマイズ情報はこちら
アイキャッチ画像(元はてな)初心者雑記ブロガーによるカスタマイズまとめ(主にはてなブログ用)

コメントはお気軽にどうぞ!(反映には時間がかかります)