WordPressのデザインをカスタマイズするときにどんなテンプレートが使われているかを簡単に知る方法

「WordPressのデザインをデザイナーさんに頼んだら、
　ファイルの構成が良くわからないって言われたんだよ。
　どうすればいい？」

WordPressは簡単に「テーマ」という機能で
見た目のデザインを簡単に変えることができます。

しかし、いざデザインをカスタマイズするために
デザイナーさんが手を付けようとすると、
どんなファイルがどこで使われているかがわからない、
という声をよく聞きます。

そこで本日は、WordPressのテーマが
どのようなファイルで構成されているかを
簡単に知る方法についてお伝えします。

どのような方法かというと、、、

「WP Template Viewer」プラグインを使います。

下記の画面キャプチャーは
実際にテンプレートの一覧を表示したものです。

◎WP Template Viewerで表示しているテンプレートの一覧

前述の通りWordPressのデザインはテーマによって決まります。

WordPressの管理画面で「外観｜テーマ」メニューを開くと、
インストールされているテーマの一覧が表示されます。

テーマを切り替えたい場合には、
一覧画面から切り替えたいテーマを「有効化」するだけです。

作成した投稿や固定ページのデータはそのままに、
デザインだけ着せ替えられることがわかるでしょう。

テーマを作る技術には次の様なものが使われています。

一般的なデザインに必要な上から3つ目までの知識に加えて、
PHPやWordPressの関数の知識が必要になるんですね。

なくても作ることはできますが、
大幅にできることに制限がかかってしまいます。

また、画面の構成要素である
ヘッダーやフッター、投稿ページなど、

デザインが共通する部分は
それぞれを独立したファイルとして作成することで

効率良くデザインの変更に対応できるように作られています。

これら一つ一つのパーツのことを、
WordPressではテンプレートと呼びます。

複数のテンプレートの組み合わせで
ページが構成されているのです。

このデザインが入ったテンプレートを
集めてまとめたものが、テーマです。

一般的な用語としてのテンプレートのことを
WordPressではテーマと呼ぶので、
Webを検索するときには注意するとよいかと思います。

逆に言えば、Webブラウザーで見たデザインというのは
パーツが組み合わさった結果でしかありません。

ページをテンプレートに分割して
パーツのデザインがどのファイルに含まれているかを知らなければ、
デザインをするのがとても大変と言うことです。

PHPの知識がある技術者であれば、
include()やrequire()系の関数を追っていくことで
構成要素となるファイルを見つけることができますが、
それでも手間であることには違いありません。

そこでおすすめするのが今日ご紹介する
「WP Template Viewer」プラグインです。

このプラグインを導入したあとに
ログインした状態でWordPressの「公開画面」を表示すると、

次の画面キャプチャーのように、
管理バーに「Templates」というメニューが表示され、
現在のページを構成しているテンプレートの
ファイルの一覧をチェックすることができます。

◎WP Template Viewerで表示しているテンプレートの一覧

※Simplicity2テーマを利用しています

このプラグインを導入すれば、
あっという間にテーマの構成ファイルを
知ることができると言うわけですね。

WP Template Viewerプラグインは、次の手順で導入できます。

プラグインが有効になっていれば、
ログインした状態で公開画面を表示することで
自動的にテンプレートファイルの一覧が見えるようになります。

今回のポイントをまとめます。

いかがでしたでしょうか。

デザイナーさんには必須のプラグインじゃないかと
個人的には思っています。

また、WordPressのデザインカスタマイズを
外注する際には是非伝えて欲しいとも思っています。

効率良く！ですね(^^)

もっと詳しく聞きたい、代わりにやって欲しい、などの
個別対応をご希望される方向けの対面相談サービスがあります。