WordPress無料テーマ「マテリアル」がおすすめ!スマホでも見やすくて素晴らしすぎる件

WordPress 無料 テーマ マテリアル
ブログ用WordPressテーマ マテリアル

出典:マテリアル

ブログやサイトを見たり作ったりするのが大好きなまなしばです。衝撃的にいいWordPress用の無料テーマに出会いました。

そのテーマは「マテリアル」というテーマです。

作者はNobuoさん。Principleというテーマも作成されている方ですね。

とにかくかっこいいので、紹介したいと思います。無料で高機能でSEOにも強いWordPressテーマを探されている方必見ですまじで。初心者でもCSSをいじらずともとても綺麗になるレスポンシブデザインのテーマです。

シンプルでかっこいいレスポンシブデザイン

ブログ用WordPressテーマ マテリアル

出典:マテリアル

ブログのホームページとなるビューはこんな感じ。シンプルなカード型、タイル型のデザインで、「こんなトップページにしたい!」なんて人も多いのではないかと。

ブログ用WordPressテーマ マテリアル

出典:マテリアル

さらにスクロールすると、カテゴリごとの記事が出てきます。これは嬉しい機能ですね。普通は最新記事一覧しかホームって設置されていなかったりするんですが、記事が多くなってくると、埋もれてしまうんですよね。これがあれば読者は自分の行きたいカテゴリに行きやすいですね。

さらにサイトバーにはよく読まれている記事など、カスタマイズしていれば必ず入れたくなる人気記事一覧を表示してくれています。んーデフォルトでこの機能があるとは、素晴らしい。

細かいところに手が届く仕様

ブログ用WordPressテーマ マテリアルの特徴 ブログ用WordPressテーマ マテリアル

これはPCビューですがスマホビューもタブレットビューも同じで、ヘッダーのメニューバーとフッターの上に戻るボタンとホームボタンがデフォルトで追尾されるんですよ。

これは読者のユーザービリティをめちゃくちゃ考えられた仕様で、なおかつブログの回遊率も上がる、と思います。素晴らしい。

何よりスマホビューが超見やすい

IMG 1605

大スマホ時代と言っても過言じゃないくらい、スマホビューは重要じゃないですか。このブログもスマホからの訪問は80%くらいでして、スマホビューにはかなりこだわってきたんですが、このマテリアルはスマホビューがめっちゃ見やすいんですよ。

IMG 1606

記事一覧もかっこいい。スクロールしたくなるデザインです。・・・さっきから褒めてばかりですが、本当おすすめなんですよこのテーマ。

タブレットだと記事一覧が2列になる

ブログ用WordPressテーマ マテリアルの特徴 ブログ用WordPressテーマ マテリアル

出典:マテリアル

スマホビューも素晴らしいですが、タブレットビューも素晴らしいんです。なんとタブレットからアクセスすると、2列になるんだとか。

脅威のレスポンシブ!!!

なかなかここまで考えられたレスポンシブは他になさそうだなぁと。Nobuoさんあっぱれ。

テーマカスタマイザーが充実していて初心者にもいい

テーマカスタマイザーという、初心者でも簡単にデザインや設定を変えられるところがこのマテリアルのいいところです。具体的にできることとは、

  • サイトタイトルとキャッチフレーズ
  • 背景色、メインカラー、サブカラーの設定
  • ヘッダー画像
  • ナビゲーション
  • SNS設定
  • Googleアドセンス設定
  • Googleアナリティクス設定
  • プロフィール欄設定
  • ロゴ、ファビコン設定
  • UI設定(上で紹介したメニューバーの固定や上に戻るボタン、ホームに戻るボタンの表示設定)
  • 表示記事数の設定
  • アイキャッチ表示設定

めっちゃ色々設定できますね!!!

テーマカスタマイザーで出来ること ブログ用WordPressテーマ マテリアル

出典:マテリアル

CSSがわからなくても、管理画面から簡単に設定することができます。初心者に嬉しい。

たとえばプロフィール欄とかもかなり設定できて、「名前、画像、自己紹介文、プロフィールページへのリンク、Twitterフォローボタン、Google+フォローボタン、Facebook LikeBox(Page Plugin)」などを簡単に設定することができるんですね。プロフィール欄は重要なので、これはありがたい機能。

その他詳しくはこちら。
テーマカスタマイザーについて

考え抜かれたブログコメント欄

私がこのマテリアルのテーマに惚れ込んだ理由の一つでもあるのですが、コメント欄の仕様が素晴らしいんです。

IMG 1607

コメント部分は普段は表示されていなくて、押すと、

IMG 1608

コメント欄が出てくるんですね!!

この仕様待ってました。

だってコメント欄って、使う人が少ないわりにスペースとっているじゃないですか。しかもスマホビューなら、WordPressのデフォルトのものって縦長にしてしまって超ダサい。これを見て離脱してしまうユーザーもいるのでは、と個人的には思っています。

それが使う人だけ出し入れできるなんて、これは私のブログにも採用です。コメント欄は長くなるので設置やめちゃったけど、また設置しようかなぁ。

Google AdSenseも簡単に設置できる

380412888 809009833c

photo credit: google tee via photopin (license)

ブログといえばGoogle AdSenseですが、これも広告コードを貼り付けるだけで表示させることができます。

記事中(一つ目のh2の直上)にも自動的に表示されます。月間2万PVほどのサイトで試してみたところ、CTR(クリック率)が約2倍(0.4%→0.9%)になっています。マネタイズにもこだわりたい!という方にも自信をもってお勧めします。

ブログ用WordPressテーマ マテリアルの特徴より

しかも記事中にも挿入されるようになっているので、初心者でも簡単に効率よくマネタイズできますね。記事中はブログをある程度やっている方からすれば、鉄板の設置位置になっているのではないでしょうか。

フォローボタンも完璧

ブログ用WordPressテーマ マテリアルの特徴 ブログ用WordPressテーマ マテリアル

ブログのフォローボタンもサイドバーに簡単に設置できます。これもある程度ブログをやっていると欲しくなってくる機能ですね。ツイッター、Facebook、Feedly、そしてLINE@にまで対応しています。

これで著者のSNS連携もバッチリですね。

欲を言うなら

さて、ここまで、素晴らしいとばかり言ってきましたが、いくつか欲を言ってみましょう。

LINE@はスマホビューだけでもいいかなと

PCビューでもLINE@のフォローボタンやLINEでの拡散ボタンがあるのですが、これはスマホビューだけでもいいかなと。なぜなら、PCビューでこれを押しても、LINEをインストールしましょう、というページに飛んでどうしようもないからです。

代わりにGoogle+ボタンにするとかでもいいかなと。

Pocketボタンがほしい

シェアボタンは基本的にツイッター、Facebook、はてなブックマーク、そしてLINEなのですが、Pocketを使うユーザーも多いと思うので、これはあってもいいなと思います。是非ご検討ください、Nobuoさま。

2015/05/23追記

Pocketボタンが追加されました。Nobuoさん、ありがとうございます!

サイドバーに追尾型コンテンツがあってもいいかも

記事をスクロールしてもついてくるサイドバーのコンテンツってあるじゃないですか。このブログだと「このカテゴリの人気記事一覧」を出しているのですが、こんな感じで何かしらコンテンツがあってもいいかなと。

たとえばシェアボタンが追尾してもいいですし、追尾OKの広告を貼ってもいいですよね。

関連記事の表示にサムネイルがあってもいいかも

記事下に表示される関連記事は今のところタイトルのみの表示ですが、これがサムネイル付きだといいなと思います。やはりサムネイルがある方が記事のイメージ化につながってクリックされるんですよね。(まなしば調べ)

2015/4/16追記

関連記事のサムネイル表示はNobuoさんに対応いただきました。迅速な対応、ありがとうございます!素晴らしい!

マテリアルを使用しているブログ

2015/4/17時点です。

KOHEEINFOさんなんかはこちらのブログを読んでマテリアルにリニューアルされたとのことです。綺麗ですね!

どれも綺麗で、参考にしてみてもいいですね。

まなしば的まとめ

好き勝手に、とにかく素晴らしい!!!!と言ってきましたが、本当におすすめのテーマですよ、このマテリアルは。無料でここまで手の届くテーマは私は見たことがありません。

説明してきたように、ユーザービリティがとても考えられています。

他にも個人的におすすめの無料テーマはENJIさんStinger5などですが、マテリアルも大流行の予感。ちなみにこのブログはStinger3をガツガツいじっております。

マテリアルにしたいけれど、いじりすぎてもう戻れないので、カスタマイズの際はマテリアル似にさせていくことにします。ふふふ

「マテリアル」ダウンロードはこちらから

おしまーい!まなしばでした。

こちらの記事もよく読まれています。