MUTANT

SEOやブログマネタイズの手法を紹介しています。ブログを運営する上での役立つtipsを紹介していきます。

どのデザインにする?はてなブログのおすすめデザインテーマまとめ

f:id:mutant-tetsu:20180108161740j:plain

こんにちは、てつです。

はてなブログではWordPressと同じようにブログのデザインを着せ替えのように変更することができます。

 

公式が出しているデザインもあれば、はてなブロガーの方が自ら公開しているデザインテーマもあります。

 

せっかくはてなブログを運営するのであれば、お気に入りのデザインで運営したいと思いませんか?

 

というわけで今回は、はてなブログのおすすめデザインテーマを紹介していきます。

かなり個人的な意見になりますが、はてなブログのデザインテーマでどれにしようか悩んでいる人は参考にしてみてください。

 

CONTENTS

f:id:mutant-tetsu:20180108162811p:plain

CONTENTS - テーマ ストア

 

うちのブログで利用しているテーマ。

レスポンシブデザインにも対応しており、スマホからの見た目もこだわりたいという人におすすめです。

トップページのデザインも好きですが、見出しや目次、Amazonリンク(カエレバ使用時)の装飾など細かいところも配慮されています。

CONTENTSデモページ

 

Stripe

f:id:mutant-tetsu:20180108162849p:plain

stripe - テーマ ストア

紺色×ストライプをベースにしたはてなブログのデザインテーマ。ちなみに紺色から他の色への変更も可能です。

レスポンシブデザインにも対応していて、見出しやシェアボタンなどほとんどのブログパーツのデザインが指定されています。

Stripeデモページ

 

Material

f:id:mutant-tetsu:20180108162943p:plain

Material - テーマ ストア

マテリアルデザイン風なテーマを簡単に導入できるはてなブログのテーマ。

レスポンシブ対応です。

ホバーエフェクトなど、このデザインがたまらんですね。カッコイイです。

Materialデモページ

 

DUDE

f:id:mutant-tetsu:20180108163023p:plain

DUDE - テーマ ストア

オシャレなデザインテーマにしたい人におすすめな、はてなブログテーマ。

本文中の見出しはもちろん、サイドバーのデザインなど細かい部分までオシャレなデザインに変更することができます。

DUDEデモページ

 

SOHO

f:id:mutant-tetsu:20180108163237j:plain

SOHO - テーマ ストア

白×黒がベースの綺麗なデザインテーマ。

海外のオシャレなECサイトのようなデザインにすることができます。

レスポンシブ対応で、カスタマイズ方法なども充実しています。

SOHOデモページ

 

Minimalism

f:id:mutant-tetsu:20180108163418p:plain

Minimalism - テーマ ストア

かなりシンプルなデザインだけど、オシャレなデザインに仕上がります。

レスポンシブ対応でシンプルに写真とコンテンツでブログを作り上げたい人におすすめ。

Minimalismデモページ

 

murmur - babypink

f:id:mutant-tetsu:20180108163505p:plain

murmur - babypink - テーマ ストア

グレーとピンクのカラーが印象的なはてなブログのデザインテーマ。

柔らかい印象のブログになるので、女性におすすめのデザインテーマです。

 

Writer

f:id:mutant-tetsu:20180108163747p:plain

Writer - テーマ ストア

縦書きのブログデザインにしたい人におすすめなデザインテーマ。

はてなブログで縦書きのテーマ自体珍しいですが、改めて日本語美しいなーと思いました。

背景画像や背景色は簡単に変更できるので、自分好みにカスタマイズもできます。

 

 

おわりに

はてなブログの全てのデザインテーマを網羅することはできませんが、これからも新着テーマでおすすめのものがあれば、こちらに随時追加していこうかなと思います。

 

はてなブログのテーマってデザインを考え出すと、けっこうキリがなくなったりしますが、試行錯誤しながらカスタマイズするとブログにも愛着湧いてきますよね。

 

2018年どんなブログデザインにしようかな〜と悩んでいる人の参考になれば。それでは今日はこの辺で。

 

サイドバーやシェアボタンなど細かいカスタマイズはこちらの記事をどうぞ。

www.mutant-tetsu.com

www.mutant-tetsu.com

www.mutant-tetsu.com

 

Copyright © 2016 MUTANT All rights reserved.