WordPressはテーマ(テンプレート)がいくつもあり、手軽にテーマを変更することができるのが一つの魅力でもあります。しかし、テーマ変更自体はボタン一つでできたとしても、そのままではサイトの表示が大変なことになってしまいます。

そこでここでは、Wordpressのテーマを作ったり、テーマ変更やウェブサイトのリニューアルなどを経験してきている者として、テーマ選びの際に気をつけておきたいポイントをご紹介します。

WordPressにはどんなテーマがあるの？

まず最初にWordpressにはどんなテーマがあるか見てみましょう。大きく分けて2つの違いがあります。

• 有料 / 無料
• 日本製 / 外国製

有料テーマと無料テーマの違い

WordPressの有料テーマと無料テーマの違いは、もちろん文字通り有料か無料かではありますが、機能面での違いもあります。

有料テーマのメリット

有料テーマはデザインが美しいのは元より、独自の機能が使えたり、独自のカスタマイズ性が高いテーマであることが多いです。カスタマイズ性が高いテーマのものは、管理画面上でカスタマイズができるようになっているので、テーマ導入時の設定や微調整に時間を取られることがなく、サイト公開までの時間を大幅に短縮できます。

有料テーマのデメリット

しかし、有料テーマのメリットが、時にはそのままデメリットにもなることもあります。テーマ内で利用していたテーマ独自のショートコードやカスタム投稿などは、テーマを変更する際にはそのまま引き継げませんので、テーマ変更をする際にこの部分の調整を行う必要が出てきます。

多少の調整で修正できるものなら良いのですが、テーマ独自の機能に頼り切っているような場合、調整に手間がかかり過ぎてしまい、簡単にテーマ変更をするメリットを享受することができません。（不可能ではないです）

無料テーマのメリット

無料テーマの一番のメリットは無料であるということですが、無料であるがためにシンプルな構造のものが多いということです。多くの有料テーマではそのテンプレートの独自デザインや機能の設定ができるようになっていますが、無料テーマの場合はそのような機能が付いているテーマは少ないです。（無いわけではありません）

そのためテーマでコントロールするのはデザインのみで、サイトに必要な機能はプラグインで管理するなど、デザインと機能を分けて管理することができます。

無料テーマのデメリット

無料テーマは有料テーマと比べるとシンプルなものが多く、その分必要なところは自分で追加やカスタマイズする必要があります。自分でできる人なら良いですが、知識が少ない人だと大変です。

日本製と外国製テーマの違い

日本製のテーマのメリット

日本製のテーマのメリットは主に3つほどあります。

1. 日本語の表示がきれい
2. 日本で人気のデザインが標準装備
3. サポートが日本語

Webブラウザの文字の表示では、英語は1バイト、日本語は2バイトで扱われます。バイト数は簡単に言うと文字の幅のことで、英語やフランス語、ドイツ語のような半角は1バイト、日本語や中国語、韓国語のような全角は2バイトで表示されます。

従って英語テンプレートだと、文字が1バイト表示で想定されているため、日本語表示だとフォントサイズが大きすぎたり小さすぎたり、詰まりすぎていたりして読みづらかったりします。これが「英語だとかっこいいのに日本語にした途端にパッとしないデザイン」になる理由です。外国製のテンプレートは適応時にフォントサイズの調整をする必要があります。

2のデザインについてですが、日本語のサイトと英語のサイトでは好まれるデザインが違うため、テーマで利用できるデザインが異なることがあります。例えば日本語のサイトでよく使われる「会話のような吹き出し」表示は英語圏のサイトではほとんど見かけません。

そのため外国製のテーマでは吹き出し表示が利用できるテーマはほとんどありませんが、日本製のテーマには機能として搭載されているテーマがあります。

最後にサポートですが、やはりわからないところや困った時に日本語で対応してもらえるのは嬉しいです。ネットで日本語で調べても多くの情報が手に入るのもメリットです。

日本製テーマのデメリット

デメリットは外国製のテーマと比べると種類が少ないことです。少ないデザインの中で多くの人が同じテーマを利用すると、他のサイトとデザインがかぶる可能性が高くなります。

有料テンプレートだとサイトの色やカラム数、さらにはサイドバーの位置などを変えることはできますが、それでも同じテンプレートを利用していると言うことは、全体的な雰囲気は似たデザインになってしまいます。しかしデザインにそこまでこだわりが無ければ問題にはなりません。

外国製テーマのメリット

外国製のテーマのメリットは、何と言っても種類が豊富なところです。日本製のテーマの何十倍ものデザインがあります。中には無料とは思えないほどのクオリティーのものや、ウェブ制作業者がいらなくなるほどの機能を持った有料テンプレートなどもあります。豊富なデザインの中から選べるので、気に入ったデザインが見つかる確率は高くなります。

外国製テーマのデメリット

デメリットとしては、やはりサポートが英語だと言うこと。何か調べる時や困った時に英語で対応しなければならないため、英語が苦手な人は大変かもしれません。また日本語を表示するにはフォントの調整も必要になってきます。

なぜ簡単にテーマ変更ができないのか？

テーマを変更する時に必要なこと

テーマのスクリーンショットやデモサイトを見るととてもキレイなデザインだったので、ライブプレビューをしてみると何とも残念な表示になった経験はありませんか？

そもそもテーマは適応しただけではデモサイトのようにキレイなサイトは出来上がりません。特に有料テーマで多いですが、テーマによってはデモサイトのような表示にするにはウィジェットやカテゴリーの表示を選択するなどの設定が必要になってきます。（※有料テーマではデモをインポートできるテーマもあります。）

WordPressはオープンソースが故に無料でこれだけの機能やテーマなどを利用することができますが、世界中の人がそれぞれにコードを書いてテーマを作っているので、それぞれの仕様が異なります。以前使っていたテーマから新しいテーマに変える際には、新しいテーマの仕様に合わせてデザインを調整しなければなりません。

さらに、テーマ独自の機能を利用している場合、特にテーマ独自のショートコードやカスタム投稿などは、テーマを変更する際にはそのまま引き継げませんので、テーマ変更をする際にこの部分の調整を行う必要が出てきます。

こんなテーマには気をつけよう！

無料/有料問わず、独自のカスタマイズ性が強い（テーマに依存している）

上でも説明した通り、特に有料テーマは機能が充実している分テーマに依存しているものが多いです。テーマに依存しているというのは、 テーマを変更してしまえば、その機能を使うことができません。

今後、特にテーマを変更するつもりが無いのならそういうテーマを選んでも良いでしょうが、テーマを変えたいor変える可能性がある、もしくはサイトのリニューアルをする可能性があるというような人は、その様なテーマを避けるか、テーマを利用しても独自機能を利用しない方が無難です。

サポート＆更新が受けられない

特に有料テーマの場合、無料でサポートが受けられる期間が決められている場合があります。そのようなテーマはサポート期間が終了しても使える場合が多いですが、サポート期間が終了してしまうと、テーマ内で何かトラブルがあったりカスタマイズする場合のサポートや、新しいバージョンへの更新も受けられなくなる場合があります。

サポートを受けたい場合は追加で権利を購入するか有料サポートがあるはずですが、一度購入しているテーマに再度お金を払ってサポートを受けるということは、なかなか受け入れられないと思います。

有料テーマでもサポートがないものもあるので、特に初心者が有料テーマを購入する際はサポートが受けられるテーマがオススメです。

こんなテーマを選ぼう！

テーマに依存しすぎないテーマ

何でもかんでも管理画面でできるのは、特に初心者にとっては簡単でありがたいですが、先程も説明した通りこれは諸刃の剣です。テーマに依存するということは、テーマを切り替える際に今まで使えていた機能が使えなくなるということです。

テーマ独自の機能がある場合は、テーマを変更する際に以前のテーマの独自機能を新しいテーマに対応させる為の調整が必要になります。最悪、大量のページを一つ一つ修正していかなければならなくなります。記事数が少ない時は良いですが、これが何百、何千もの記事がある場合、現実的ではなくなってしまいます。

テーマはあくまでもデザイン、機能や設定はプラグインで管理するのがオススメです。

モバイルフレンドリー（モバイルファースト）

Googleは、スマホからの検索が増えたため、レスポンシブデザイン、モバイルファーストを重要視するようになりました。

最近のテーマはほとんどがレスポンシブデザインになっているので、モバイルフレンドリーですのであまり気にしなくても良いでしょう。

テーマ内になくても大丈夫な機能

いいなと思ったテーマに欲しい機能が付いていなかった・・・なんてこと経験はありますか？デザインは好きだけど、あとこの機能さえ付いていたらなーと思うこともありますよね。でもWordpressならテーマ内についていなくても、プラグインで導入できる機能があります。

ソーシャルシェアボタン

FacebookやTwitterなどのシェアボタンが利用できるテーマは多いですが、プラグインで入れることもできるので無くても大丈夫です。

パンくずリスト

パンくずリストはユーザビリティやSEO対策でも重要な要素となります。パンくずリストが表示されるテーマは増えてきていますが、無くてもプラグインで追加することができます。

関連記事

記事下に配置する関連記事はサイト内の回遊率を上げるためにも重要な要素ですが、こちらもプラグインで導入することができます。

テーマではなくプラグインでコントロールした方が良いもの

上にあげたように、テーマ内に無くてもプラグインで追加できる機能がありますが、むしろプラグインで管理した方がいい機能もあります。

これらの機能がついているテーマでも、あえてその機能はプラグインで管理するとテーマ移行時に楽です。テーマ独自の機能を使う利便性と比べて利用するかどうか決めると良いでしょう。

ショートコード

テーマ内でショートコードが使えるととても便利ですが、そのテーマ独自のショートコードを利用していると、テーマ変更時に全て使えなくなります。

ショートコードは新しいテーマ変更の際に、以前のコードをコピペしてそのまま使える場合もありますが、著作権の関係で移行できないものもあるので、できればプラグインで管理したい機能になります。

SEO

SEOに強いテーマを探している人も多いかと思いますが、基本的な構造がしっかりしているテーマを使えば、テーマの違いでそこまでSEOに違いが出るものでもありません。SEOに関してはテーマよりもコンテンツ内容の方がより重要になってきます。

しかし、メタタグやメタディスクリプションなどのSEOに関する設定をテーマ内で設定している場合、それらに対応していないテーマに変更する場合、テーマ変更時に設定が全部無くなってしまいます。

テーマ移行時に再度それらの設定を表示できるように調整することが必要になり大変ですので、できればSEOのコントロールは最初からプラグインを使って行った方が良いでしょう。プラグインを使うことにより、より細かな設定も可能になります。

カテゴリーページ

カテゴリーページは投稿ページの一覧が一般的なデザインですが、カテゴリーページを強化することにより、SEOが向上されサイトの評価も上げることができます。

ただし、カテゴリーページ設定が強化されているテーマは全体的には少ないので、これをメインにテーマを選択するのは得策ではありません。

こちらもプラグイン等である程度設定することができるので、テーマに依存しなくても良いでしょう。

カスタムフィールド

カスタムフィールドとは、「タイトル」や「本文」などではなく、独自に定義した編集フィールドを追加できる機能のことです。カスタムフィールドをテーマ内で利用していると、テーマ変更時にこの部分の調整が必要になってしまいますので、カスタムフィールドはプラグインで管理したい機能になります。

カスタム投稿

カスタム投稿とはデフォルトである「投稿」や「ページ」などの投稿ではなく、独自に定義した投稿タイプを追加できる機能のことです。このカスタム投稿をテーマ内で設定していると、テーマ変更時に今まで使っていたカスタム投稿機能を新たに追加しなくてはいけなくなります。

独自の投稿ができるようにカスタム投稿を設定しているテーマがありますが、特別にサイトに合わせてカスタマイズをしているテーマでない限り、カスタム投稿はプラグインで管理するのがオススメです。

機能をプラグインで管理するメリット・デメリット

WordPressではテーマはデザイン、機能はプラグインで管理することをオススメします。

プラグインで管理するメリット

• テーマを変更しても設定が変わらない
• テーマに付随してくる機能よりも細かい設定ができることがある
• ネットに情報が多い

プラグインで管理するメリットは、テーマを変更しても設定が変わらないことです。ショートコードやカスタムフィールドなどはテーマを変更するとそのままでは使えなくなってしまいます。

他にも、All in One SEO Packのようにそれ専用のプラグインを利用することで、より細かな設定ができることがあります。直感的に操作ができることもメリットです。

また有名なプラグインはネット上で検索しても情報が多いので、わからないことを検索して調べることもできます。

プラグインで管理するデメリット

• プラグインの入れすぎで重くなる
• たまにプラグイン同士が競合してうまく動かないことがある
• プラグインの管理＆更新

プラグインを入れすぎると読み込むファイルやコードが増えるためサイトが重くなります。プラグインは入れすぎないように気をつけながら必要なものだけ利用するようにしていきましょう。

他にもプラグイン同士の相性があるので、たまに該当のプラグインがうまく動かないことがあります。そんな時は同じような機能の違うプラグインに変更するなどの対処が必要になります。

またプラグインの数が多くなると管理も大変です。特にプラグインの更新は、数が多いと頻度も頻繁になってきますので、サイトの更新頻度が低い場合は特に気をつけておかなければなりません。

まとめ：テーマ選びは慎重に。

いずれテーマ変更をするかもしれないが今の段階では分からないというような人もいるでしょう。いずれにせよ、上記の内容は全て取り入れる必要は無いと思います。テーマ独自機能を使う利便性もあるので、比べてみて利用や管理のしやすさで決めると良いでしょう。

テーマはそうそう頻繁に変更しないと思いますが、いざ変更するとなった時に、手間を考えたらもう変更できないとなってしまわない為にも、出来るだけ変更時の負担を減らせるようにテーマ選びの際から考えて、慎重にテーマを選ぶようにしましょう。

WordPressは初心者でもテンプレートを利用すれば、しっかりとしたウェブサイトが作れます。今回はニュースサイトを作るにあたって、ニュースペーパー（新聞紙）をイメージする有料テンプレートを調べたのでご紹介します。

テンプレートのイメージはニュースペーパー（新聞紙）

最近のテンプレートは以前と違って、写真を効果的に使えるようなテンプレートが増えましたが、今回は写真使いよりも文字を多く表示できるかを基準としました。

イメージはウォール・ストリートジャーナル（The Wall Street Journal）やThe New York Timesです。

最近は日本語のWordpressのテンプレートも多くなってきましたが、日本語のテンプレートでイメージに近いものが少なかったので、ほとんど英語のテンプレートになります。

海外のテンプレートを使用する際の注意点

海外のテンプレートは管理画面のメニューが英語だったりサポートが英語だったりして、若干敷居が高いと感じられるかもしれませんが、とても種類が多くデザイン性の高いものが多いです。

ただし、英語は１バイト、日本語は２バイトで表示されるので、英語のテンプレートを使うとフォントサイズが大きかったり、フォントの種類がイメージと違ったものになることが多いです。

たかがフォントですが、サイト全体のイメージが違ってしまうので、英語のテンプレートを日本語で使用する場合にはフォントの最適化が必要になります。

ニュースサイトにおすすめなテンプレート

IloveNews

白黒でクラシカルな見た目は、The Wall Street JournalやThe New York Timesをイメージさせる王道のニュースペーパーデザインです。トップページのように横幅いっぱい使って大きく注目記事を表示させることができる他、トップページやサイドバーなどに30以上ものモジュールを追加することができます。

VISUAL COMPOSERを使ったドラッグ＆ドロップシステムを採用しているので、サイトを見ながら簡単にデザインを作れます。7種類のヘッダー、フッター、投稿ページ、サイドバー、カテゴリーページのレイアウトが選べます。またトップページはドラッグ＆ドロップで無限にレイアウトを追加することができるようになっています。

FineGlobe

こちらもIloveNewsと同等のカスタマイズが可能なテンプレートです。IloveNewsとは若干違ったデザインになっています。

こちらもVISUAL COMPOSERを使ったドラッグ＆ドロップシステムを採用しているので、サイトを見ながら簡単にデザインを作れます。また無限トップページレイアウト、7種類のヘッダー、フッター、投稿ページ、サイドバー、カテゴリーページのレイアウトが選べます。

HEWO

上2つがクラシカルなデザインでしたが、こちらはよりモダンなデザインのニュースペーパーデザインのテンプレートです。コンパクトにまとまっていて少し物足りない感じもしますが、小規模なサイトやスッキリと見せたいサイトに良さそうです。

5つのトップページレイアウト、4つのカテゴリーページのレイアウト、5種類のポストレイアウト（video, gallery, audio, image, text）が選べます。

Newspaper

クラシカルとモダンの中間的でスッキリとしたデザインです。スペースを多めに取っているのでニュースサイトなのにゴチャゴチャとした印象を与えません。

このデザインはJNewsというテンプレートのデモの一つです。JNewsはニュースペーパーやマガジン、ブログに使える150+種類ものデモ（サンプルサイト）をワンクリックでインストールできるテンプレートです。

それに加え、ビジュアルエディタやページビルダーなどが搭載されているので、初心者でも簡単にカスタマイズが可能になっています。Nightモード（黒背景）、SEOフレンドリー、広告表示、選択＆シェア、文字リサイズ、読み込みバーなど、多機能なテンプレートです。

Popnews

こちらもJNewsのデモの一つ。ワンクリックでこのデモ（サンプルサイト）がインストールできます。

Fox Times

写真も効果的に使いたいならこちらのテンプレートがおすすめです。写真を大きく配置することができ、モダンでギャラリー感の強いデザインです。

このデザインはThe Foxというテンプレートのデモの一つです。The FoxはFox Times (New York Times), Fox Classic, Fox Science, Fox Fashion の4つのデモがあり、ワンクリックでインストールすることができます。

Advanced Newspaper

このテンプレートはかなり前（2015年）にリリースされたものでデザインが多少古いですが、王道のニュースペーパーデザインと言えます。

最も人気のあるe-commmerceプラグインであるWooCommmerceのサポートとカスタムスタイルが搭載されているので、ウェブサイトにオンラインストアを追加することもできます。

4種類のポストレイアウト（standard, video, audio, gallery）に加え、サイドバーありなし左右、が選べます。さらにHTML5 Videos、ローカリゼーションなどの機能も搭載しています。

City News

横幅いっぱいに使ったデザインはモダンでスタイリッシュ。4種類のポストレイアウト（Standard, Video, Gallery, Audio）に加え、4つのブログレイアウトが選べます。VISUAL COMPOSER搭載なので画面を見ながら高度なカスタマイズが可能。

The Newspaper

こちらも白黒でシンプルなニュースペーパーデザインのテンプレートです。ドラッグ＆ドロップで作成できるコンテント・コンポーザーと99+のカスタムショートコードが利用できます。また3種類のデモが選べ、5つのブログレイアウト、グリットデザインのポートフォリオレイアウトが選べます。

Opinion

膨大な情報量にも対応可能な大規模オンラインメディア構築用ワードプレステーマ。日本産のテーマなのでとにかく日本語の表示が美しく、特にフォント表示を修正する必要がありません。またメニューなどの表示やサポートが日本語ということも嬉しいです。

CORE

Opinionよりも後にリリースされたこちらのテーマは、拡張性の高いレイアウトを実現したポータルサイト構築用ワードプレステーマになります。大量の情報を美しく配置するので、ニュースサイトでも利用が可能です。

テンプレートのカスタマイズについて

テンプレートをそのまま使っても良いですが、やはりオリジナリティを出したい場合にはカスタマイズが必要です。

カスタマイズは構成部分に近いほど手間がかかるため、構成の部分がイメージに近いテンプレートを選ぶのがコツです。

フォントの色やサイズなどの部分はカスタマイズが簡単です。有料テンプレートなら、テンプレートのオプションでフォントの色やサイズが変えられるような設定になっているものも多いです。

また、VISUAL COMPOSER（ビジュアル・コンポーザー）を搭載したテンプレートはカスタマイズ性が高く、サイトを見ながらデザインを変更できるので、初心者でも簡単にデザインを変更することができます。

まとめ

WordPressのテーマ（テンプレート）は有料・無料構いませんが、有料テンプレートはデザインが美しいのはもちろん、カスタマイズ性が高く、デモをインストールしたらすぐ使えるようなものも多いので、すぐにサイトを始めたい人にはぴったりです。

今回はシンプルなニュースペーパーデザインのテンプレートをまとめました。自分がイメージするテンプレートに巡り会えると良いですね！