つなろっく

イロトリドリな毎日

はてなブログ初心者におすすめテーマ選びのポイント

f:id:pea-nut:20190301081202j:image

おすっ!つなです(・∀・)

今回は、はてなブログをはじめたばかりの方にテーマ選びのポイントとおすすめテーマを紹介します。

はじめてのブログでテーマを選ぶときに注目したいポイントをまとめてみました。

レスポンシブデザインを選ぼう

みなさんは"なにで"サイトを見ることが多いですか?

パソコン?スマホ?タブレット?

実は、みなさんが見ているサイトはデバイスによってデザインが異なっていることがあります。

レスポンシブデザインとは、デバイスに関わらず同じデザインを反映させるデザイン法のこと。

はじめてのブログ運営なら、レスポンシブデザインが断然おすすめです。

はてなブログでは、簡単な設定でレスポンシブデザインを反映させることができます。※レスポンシブデザインを選んでも、設定をしないと反映されないのでご注意ください。

はてなブログの公式テーマではレスポンシブデザインが設定されていないものばかりなので、公式以外のインストールページから選ぶのがおすすめです。

人気デザインから選ぶ

はてなブログをはじめる初心者の方には、インストール数の多い人気デザインがおすすめです。

みんなと同じデザインはいや。

サイトに個性を出したい。

 

こんな人もいると思います。

でも、ちょっと待ってください。

 

はじめのうちは、サイトデザインに時間をかけるよりも記事数を増やすことに集中しましょう。

ブログ運営は記事数を増やしてからがポイントです。

人気テーマは利用者が多いので、困ったときのサポート体制がしっかりしています。

検索すれば、カスタマイズ記事がたくさん出てきます。

人気のテーマは、それだけ使いやすいテーマであると言えます。

おまけが豊富

初心者さんがゼロからテーマをカスタマイズするのはとてもハードルが高いと思います。先ほども書いたように、はじめのうちはサイトのカスタマイズよりも記事数を増やすことに時間を使った方が絶対お得!!

 

みなさんが、最初にサイトに設置したいコンテンツってなんですか?

 

  • ナビゲーションバー
  • snsボタン
  • 見出しデザイン、などなど

 

テーマの中にはこうしたコンテンツをはじめからテーマの中に設置したり、テーマサイトでコピペあるいは一部を書き換えるだけで、簡単に設置できるコードを公開してくれているものもあります。

 

初心者にはとてもありがたいです。

例えばテーマ「Silence」では、URLなど入力するだけでナビゲーションバーやSNSボタンが設置できる便利なツールがあります。

インストール前にサイトをチェック

テーマを選ぶときには、インストールや適応させる前にデモサイトを訪れてみましょう。これ、大事なポイントです。

テーマの特徴やそのテーマで設置できるカスタマイズなど紹介してくれています。先ほど述べたようなポイントが押さえられているかチェックしてみてください。

 

「グローバルナビってどうやってやるの?」

「SNSボタン付けたいんだけど・・・」

はてなブログのカスタマイズをお手伝いしている中で、よく相談されます。

とりあえずそのテーマのデモマサイトにお邪魔してみると、グローバルナビやSNSボタンのコードがあるじゃないの!!

ということ、結構あります(;^_^A

テーマを設定する前に、デモサイトをチェックしてくださいね。

初心者におすすめおしゃれテーマ4選

これまでにまとめたポイントをふまえて、はじめてはてなブログをやってみる方におすすめのテーマを紹介します。

Haruni

f:id:pea-nut:20190301084142p:plain

minimalgreenさんのテーマ 「Haruni」

トップページが横長カードタイプで、すっきりおしゃれなデザインです。

テーマで設定しているカスタムコンテンツ

  • 横長カード型一覧表示
  • 着せ替え用CSS
  • グローバルメニュー
  • オリジナルシェアボタン

Silence

f:id:pea-nut:20190227134327p:plain

shiromatakumiさんのテーマ「Silence」

モノクロでシンプルなおしゃれテーマです。

テーマで設定しているカスタムコンテンツ

  • グローバルナビの設置
  • シェアボタンの設置
  • フォローボタンの設置

 

こちらも参考にどうぞ。

pea-nut.hatenablog.com

 

shiromatakumiさんのテーマはBrooklynもおすすめです!!

pea-nut.hatenablog.com

 

CONTENTS

f:id:pea-nut:20190301085857p:plain

dreamarkさんのテーマ「CONTENTS」

スタイリッシュなデザインでカスタマイズコンテンツが豊富なテーマです。

テーマで設定しているカスタムコンテンツ

  • グローバルメニュー設置
  • SNSフォローボタン
  • カラー変更CSS
  • カエレバ・ヨメレバデザイン

レンタグル広告にこだわりたい人向けのCSSなどもあり、カスタマイズできるコンテンツがとにかく豊富です。いろんなカスタマイズをしてみたい人にとてもおすすめです。

ZENO-TEAL

f:id:pea-nut:20190301084709p:plain

c-miyaさんのテーマ「ZENO-TEAL」

これだけで完成!というほどハイセンスでおしゃれなテーマです。

テーマで設定しているカスタムコンテンツ

  • グローバルナビゲーション(多段式も)
  • タイトル下におすすめ記事を設定
  • テーマカラーの変更CSS

 

こちらも参考にどうぞ。

pea-nut.hatenablog.com

 

はじめは使いやすいテーマでサイトづくりに慣れてきたら、好きなテーマに変更して、がんがんカスタマイズしたらいいと思いますよ(・∀・)