虹の子育てblog

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

ーおすすめ記事ー

はてなブログのおすすめテーマ5つ。ココナラでカスタマイズをやってる私が選んでみた。

f:id:gharuto:20220110233123j:plain

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

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

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

という方向けに、

ココナラで「はてなブログのカスタマイズ」をやっている私が、おすすめテーマを5つ選んでみました。

 

どれも扱ったことがあるテーマですし、

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

 

Haruni(ハルニ)

まずはHaruniです。

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

 

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

f:id:gharuto:20220110212430p:plain

Haruni パソコン画面

 

f:id:gharuto:20220110212455p:plain

Haruni スマホ画面

 

f:id:gharuto:20220110212528p:plain

Haruni 目次と見出し

 

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

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

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

 

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

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

 

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

 

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

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

 

デメリット。

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

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

 

Brooklyn(ブルックリン)

次にBrooklynです。

こちらも見やすいデザインです。

f:id:gharuto:20220110214942p:plain

Brooklyn パソコン画面

 

f:id:gharuto:20220110215006p:plain

Brooklyn スマホ画面

 

f:id:gharuto:20220110215038p:plain

Brooklyn 目次と見出し

 

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

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

 

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

 

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

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

 

デメリット

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

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

f:id:gharuto:20220110215436p:plain

 

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

 

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

 

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

 

Minimalism(ミニマリズム)

定番のMinimalism。

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

f:id:gharuto:20220110220638p:plain

Minimalism パソコン画面

 

f:id:gharuto:20220110220703p:plain

Minimalism スマホ画面

 

f:id:gharuto:20220110220752p:plain

Minimalism 目次と見出し


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

 

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

例えば、このような見出し↓

f:id:gharuto:20220110223219p:plain

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

 

かわいいですよね。

 

他のテーマだと、テーマに元々デザインがついているのでデザイン同士がぶつかってしまいます。

でもミニマリズムは最初からデザインがついてないので、デザイン同士がぶつかることはありません。

 

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

シンプルで美しいはてなブログの新テーマ「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は最初からかわいいデザインがいくつか用意されてるので、

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

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

 

ココナラではてなブログのカスタマイズやってます↓

はてなブログのデザインを丸ごとカスタマイズ致します 無料版も有料版もOK!デザインを丸ごとお任せ下さい。

 

ココナラはこちらから簡単に登録できます↓(登録するとポイントももらえるので、割安で依頼できます。)

TVCMで話題のココナラ