虹の子育てblog

2人の女の子のパパです。子育ての事、お役立ち情報など書いていきます。

はてなブログのおすすめテーマ5つ。

はてなブログってテーマがいっぱいあって迷っちゃいますよね。

「それぞれどんな特徴があるんだろう?」

「どれが自分のブログに合ってるのかわからない」

という方向けに、

はてなブログ歴3年の私がおすすめテーマを5つ選んでみました。

 

それぞれの特徴も解説していくので、ぜひ参考にしてみて下さい。

 

Haruni(ハルニ)

まずはHaruniです。

このテーマはブログらしいデザインでとても見やすく、アイキャッチ画像も大きめなので、全体的なバランスがいいです。

 

色は薄いグラデーションになっています↓

f:id:gharuto:20220110212430p:plain

Haruni パソコン画面

 

スマホでも一画面で4記事くらい目に入るので、見やすい↓

f:id:gharuto:20220110212455p:plain

Haruni スマホ画面

 

f:id:gharuto:20220110212528p:plain

Haruni 目次と見出し

 

万人におすすめできるテーマですが、

全体的に丸みを帯びたデザインなので、特に女性向けブログにおすすめです。

美容系や育児ブログなど。

 

色を変えたい場合は、こちらにやり方が書いてあります↓

背景色変更でフラットデザイン風の単色カラーに - Haruni

 

ここに書いてあるコードは「デザイン」→「カスタマイズ(スパナのマーク)」→「デザインCSS」に貼り付けます。カラーコードの部分は好きな色のものに変えてOK。

 

上記の色の変え方は、あくまで単色カラーです。

「青のグラデーションに変えたい」など、他のグラデーション色に変えるのは結構難しいです。

 

グローバルナビの設置方法はこちらに書いてあります↓

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

 

Brooklyn(ブルックリン)

次にBrooklynです。

こちらもブログらしい見やすいデザインです。

f:id:gharuto:20220110214942p:plain

Brooklyn パソコン画面

 

Haruniに比べて、スマホだと一画面に映る記事数が少ない(2記事くらい)↓

f:id:gharuto:20220110215006p:plain

Brooklyn スマホ画面

 

f:id:gharuto:20220110215038p:plain

Brooklyn 目次と見出し

 

こちらはHaruniと対照的で、全体的に角ばったデザインなので男性向けブログにおすすめです。

男性ファッション、投資系ブログなど。

 

色を変える方法はやや難しいので、そのまま黒で使うのをおすすめします。

 

ヘッダー画像とはあまり相性が良くない印象です。

このようにタイトルがヘッダー画像からちょっとはみだしてしまったり↓

f:id:gharuto:20220110215436p:plain

 

「画像だけ表示」にすると、スマホ画面でグローバルナビと画像が重なってしまったりします。

 

背景が白い画像にしたり、CSSを書いてタイトルを中央寄せにするなど、少し工夫が必要かもしれません。

 

グローバルナビの設置方法はこちらに書いてあります↓

はてなブログの超便利なデザインテーマ「Brooklyn」を作りました | SHIROMAG

 

グローバルナビは5項目までで、それを超えるとレイアウトが崩れてしまいます。

 

Minimalism(ミニマリズム)

定番のMinimalism。

「これぞブログ」といったシンプルなデザインで、誰が見ても見やすいです。

ブログを見慣れていない人でも、とまどいなく見れます。

f:id:gharuto:20220110220638p:plain

Minimalism パソコン画面

スマホでも一画面で5記事くらい目に入るので、とても見やすい↓

f:id:gharuto:20220110220703p:plain

Minimalism スマホ画面

 

f:id:gharuto:20220110220752p:plain

Minimalism 目次と見出し

 

どんなジャンルにも合います。

 

ただHaruniなどにくらべるとアイキャッチ画像は小さめです。

 

デフォルトで余計なデザインがついていないので、自分で色々なカスタマイズしたい人におすすめです。

おすすめのカスタマイズは、ヘッダー画像を設定して、サイドバーの見出しにデザインを付けて、日付のところにも同じアクセントカラーを付けることです↓

f:id:gharuto:20220206230400p:plain

 

グローバルナビの設置方法はこちらに書いてあります↓

シンプルで美しいはてなブログの新テーマ「Minimalism」を公開しました。 - ひつじの雑記帳

 

UnderShirt(アンダーシャツ)

おしゃれなカード型デザインが特徴のUnderShirt。

パソコン画面では2列のカード型、スマホ画面では1列のカード型です。

f:id:gharuto:20220110223457p:plain

UnderShirt パソコン画面

 

f:id:gharuto:20220110223522p:plain

UnderShirt スマホ画面

 

f:id:gharuto:20220110223544p:plain

UnderShirt 目次と見出し

 

おしゃれなカード型にしたい方はおすすめです。

 

また、Under Shirtsはパソコン画面もスマホ画面もアイキャッチ画像が大きいので、

アイキャッチ画像にこだわりたい人にもおすすめです。

 

グローバルナビの設置方法は公式的なものはないので、こちらのサイトのやり方がいいと思います↓

【決定版】はてなブログ・スマホデザイン最強カスタマイズ集 - ひつじの雑記帳

 

このテーマは自由にカスタマイズできるように、あえてデザインをあまり付けていないそうです。

そのままではシンプルすぎるので、ある程度自分でカスタマイズする必要があると思います。

 

カスタマイズ次第では、このようにちょっとおしゃれなデザインにできます↓

f:id:gharuto:20220110225528p:plain

 

カスタマイズ方法は検索すればいっぱいでてくるので、色々試してみて下さい。

 

また、カード型にするには「設定」→「詳細設定」→「トップページの表示形式」を「一覧形式」にする必要があります。

無料版ではこの設定ができないため、カード型にはできません。

無料版の方は他のテーマを使いましょう。

 

Palette(パレット)

Paletteのいいところは、

最初からかわいいデザインがいくつか用意されてるということです。

 

例えばこのようなストライプ柄とか↓

f:id:gharuto:20220110173227p:plain

Pallette パソコン画面

 

f:id:gharuto:20220110173305p:plain

Pallette スマホ画面

 

f:id:gharuto:20220110173809p:plain

Pallette 目次と見出し


こちらのサイト↓に載っている中から好きなデザインを選んで、

「Palette(パレット)」@はてなテーマストア★着せ替えコード一覧 - バンビの初心者ブログ教室

「着せ替えコード」をコピペすればOKです。

 

「とりあえず簡単にカスタマイズしたい」という初心者や、

「かわいいデザインにしたい」という方におすすめです。

 

ヘッダー画像とは相性がよくない印象です。表示がうまくいきません(特にスマホ画面)。

 

グローバルナビの設置方法は、パソコン用とスマホ用に分かれていて、以下のリンクに書いてあります。

 

パソコン&タブレット用グローバルナビ↓

画面トップに固定のグローバルナビゲーション@はてなブログテーマ「Palette(パレット)」 - バンビの初心者ブログ教室

 

スマホ用グローバルナビ↓

スマホ画面下に固定表示「ボトムナビゲーション」の設置方法@はてなブログ「Palette(パレット)」 - バンビの初心者ブログ教室

 

また、Paletteはグローバルナビを階層にできるのも特徴です(やり方は上記のリンクに書いてあります)↓

f:id:gharuto:20220110210251p:plain

 

「カテゴリーを多く作りたい」という方にはおすすめです。

 

ちなみにグローバルナビを階層にできるテーマとしては、他にInnocent(イノセント)というテーマもあります↓

はてなブログテーマ「Innocent」のカスタマイズ(ナビゲーションバー編) - MoonNote

 

はてなブログおすすめテーマまとめ。

いかがでしたか?

今回は、はてなブログおすすめテーマ5つをご紹介しました。

 

Haruniは万人におすすめですが、全体的に丸みをおびたデザインなので特に女性向けブログにおすすめです。

アイキャッチ画像が大きめです。

 

Brooklynは全体的に角ばったデザインなので、男性向けブログにおすすめです。

 

Minimalismは「これぞブログ」といったデザインで、誰が見ても見やすいです。

どんなジャンルのブログにも合います。

アイキャッチ画像はやや小さめ。

 

UnderShirtはおしゃれなカード型にしたい方や、アイキャッチ画像にこだわりたい方におすすめです。

そのままではシンプルすぎるので、ある程度自分でカスタマイズする必要はあると思います。

 

Paletteは最初からかわいいデザインがいくつか用意されてるので、

「とりあえず簡単にカスタマイズしたい」という初心者や、

「かわいいデザインにしたい」という方におすすめです。