WordPressテーマの選び方!デザイン性とカスタマイズ性で選ぶ

WordPressテーマの選び方!デザイン性とカスタマイズ性で選ぶ

これからWordPressを始めたい方へ!テーマの選び方についてまとめておきます。

最初は「デザイン性」を重視してテーマを決める方が多いと思いますが、それ以上に「カスタマイズ性」を重視して下さい。特に、HTMLやCSSの知識がない方は、カスタマイズ性に乏しいテーマを使うと、無駄な時間を費やすことになります。

初心者は絶対避けるべきテーマ

非公式の無料海外テーマ

WordPress公式のディレクトリに登録されていない無料の海外テーマは避けるべきです。

海外テーマは、パッと見お洒落で魅力的かもしれませんが、不安要素だらけです。日本語に対応していますか?サポートはありますか?テーマは更新されていますか?マニュアルはありますか?デモサイトの様な綺麗なサイトを本当に作れますか?初心者の方には絶対おすすめしません。

非レスポンシブデザイン

レスポンシブデザイン(スマホ表示)に対応していないテーマは避けるべきです。

WP touch等のプラグインを追加すれば、スマホ表示に対応させることはできますが、ショートコードが機能しなかったり、レイアウトが崩れることもあります。今はレスポンシブデザインに対応していないテーマの方が珍しいと思いますが、スマホ表示も必ず確認して下さい。

テーマ選びでチェックするポイント

カスタマイズ性

テーマに最初から備わっている機能とどんなカスタマイズができるのか確認して下さい。

カスタマイズ性

カスタマイズ性

テーマによっては、最初から「SNS共有ボタンの表示」「関連記事の表示」「PCとスマホのウィジェット切り替え」「レイアウトの変更」等の機能が備わっています。

最初から必要な機能が備わっているテーマを選べば、追加するプラグインは最小限ですみます。レイアウトが整っているので見た目が綺麗です。後からCSSを編集する必要もありません。

メインカラムとサイドバーの横幅

広告を掲載するのであれば、メインカラムとサイドバーの横幅を確認して下さい。

メインカラムとサイドバーの横幅

メインカラムとサイドバーの横幅

例えば、Google AdSenseで推奨されている広告サイズには下記の6つがあります。

サイズ
レスポンシブ 自動サイズ
ビッグバナー 728×90
レクタングル大 336×280
ラージモバイルバナー 320×100
ラージスカイスクレイバー 300×600
レクタングル 300×250

メインカラムは、記事下にレクタングルを2個並べて配置できる横幅「600px+余白」、サイドバーはレクタングルを配置できる横幅「300px」があると広告を掲載しやすくなります。

レクタングル大にするなら、メインカラムは「672px+余白」、サイドバーは「336px」必要です。

スマホ表示のレイアウト

ほとんど好みの問題ですが、各ページのレイアウトを確認して下さい。

スマホ表示のレイアウト

スマホ表示のレイアウト

サイトのジャンルにもよりますが、今はPCよりスマホからのアクセスの方が多くなっています。PC表示よりスマホ表示を重視してもいいぐらいです。

中には、投稿ページのメインカラムがボーダーで囲われているテーマもありますが、無駄なスペースが増えてページが縦長になるだけなので僕はおすすめしません。

初心者におすすめしたいテーマ

閲覧中のサイトが使用しているテーマを調べたい時は、下記の拡張機能を使って下さい。

閲覧中のサイトが使っているWordpressテーマを調べる拡張機能「WPSNIFFER」

2017.05.20

Simplicity2(無料)

Simplicity2

Simplicity2

デザイン性 ★★★☆☆
カスタマイズ性 ★★★★★

僕が使ったことのある無料テーマの中では、一番カスタマイズ性に富んでいます。

例えば、僕がTwenty FifteenSimplicity2で同じサイトを作ると、追加するプラグインの数に10個以上の差が出ます。それぐらいSimplicity2はカスタマイズ性に富んでいます。また、PC用ウィジェットとモバイル用ウィジェットが分かれているので、Google AdSenseの設置も簡単です。

子テーマが用意されている。無料とは思えない程サポートが充実している。使っている方が多いので検索すれば大抵のトラブルは解決できることもおすすめする理由です。

Hummingbird(有料)

Hummingbird

Hummingbird

デザイン性 ★★★★★
カスタマイズ性 ★★★★☆

このサイトで使っている有料テーマです。

ちなみに、Hummingbirdにも必要な機能はほぼ揃っていますが、カスタマイズ性や機能性だけならSimplicity2の方が優れています。じゃあ、なぜわざわざ有料のテーマを使っているのか?

デザインがお洒落だから!それだけです。

Hummingbirdは、デザイン性とカスタマイズ性を兼ね備えています。アイキャッチ画像を設定して見出しタグを使い分ければ、HTMLやCSSの知識がなくてもある程度お洒落なブログが作れます。

※OPENCAGEの最新テーマはSTORKです。

ストークとハミングバードの違い!どちらを購入するか迷っている方へ

2017.11.13

テーマを慎重に選んでほしい理由

テーマはボタン一つで簡単に変更することができます。

テーマの変更

テーマの変更

ですが、テーマによって最適なアイキャッチ画像の大きさや記事中の画像の大きさは異なります。テーマ独自のショートコードは、テーマを変更すれば機能しなくなります。

また、今まで使っていたプラグインが正常に動作するとも限りません。全て見直す必要があります。

記事が増えてサイトが大きくなるほど、テーマの変更が困難になることは覚えておいて下さい。

最後に

テーマを選ぶ時は、「デザイン性」だけでなく「カスタマイズ性」も重視して下さい。

大抵の機能はプラグインで追加できますが、プラグインは万能ではありません。テーマによってはレイアウトが崩れますし、プラグイン同士の相性が悪いと上手く機能しないこともあります。

その点、最初から必要な機能が備わっているテーマを使えば、HTMLやCSSの無駄な知識を覚える必要はありません。何より、記事を書くことに集中できます。

最後に、「SEO効果」を謳ったテーマもありますが、僕は特に気にする必要はないと思っています。今のテーマはほとんど最適化されていますし、必要ならAll in One SEO Pack等のSEOプラグインで更に最適化できるからです。そもそも、テーマだけで上位表示ができるなら、皆同じテーマを使っているはずです。もし本当にそんなテーマがあるなら、逆に僕が教えてほしいぐらいです。

スポンサーリンク
スポンサーリンク