WordPress をはじめるときに知っていると役立つこと

わぷー WordCamp Tokyo 2011 WordPress のブログリレー WordPress Advent で @hirohiro1872 さんのバトンを受けて15日を担当する @MakeGoodTime です。

WordCamp Tokyo 2011 ではスタッフとして参加しましたが、やはりデザインと初心者向けセッションが人気があるようでしたので、あらためて「WordPress をはじめるときの流れや気をつけること」を書いてみます。

１．WordPress をインストールしてできること

WordPress はかんたんに始められて、とても強力なパブリッシングプラットフォームです。WordPress は多くのレンタルサーバーで簡単インストール機能が用意されていて、様々なメリットがあります。例えば、

TwentyEleven をはじめとする優れた 世界中の多くのテーマ を使うことができます
ウィジェット や メニュー などの機能を使い、かんたんにサイトを変更することができます
プラグインを導入すれば、様々な機能を思いのままに追加することができます
投稿や 固定ページ から、かんたんにコンテンツの作成できます

これだけでも、立派なサイトの完成ですが、 WordPress は世界的に高いシェアを誇ることもあり、どうしても似通ったサイトになってしまいます。そこで、オリジナリティをだすには、どうすればよいでしょうか。

２．WordPress はどこをカスタマイズすればいいか

WordPress はコアファイルとテーマ、プラグインで構成されて、コアファイルは変更しないようにしてください。

WordPress のファイル構成は右図のようになっています。
wp-contents 配下の plugins（プラグインを配置します）や themes（テーマを配置します）をカスタマイズします。

３．プラグインは利用する

オリジナルのプラグインを作成するのは中上級者向けです。プラグインは世界中の優れたエンジニアが開発しているので、それを利用することをお薦めします。 WordCamp Tokyo 2011 で @khoshino さんが「WordCamp Tokyo スタッフおすすめ! WordPress の面白いプラグインやテーマカスタマイズ」でプラグインを紹介してくれているので、ぜひ参考にしてみてください。

それでは、まずはテーマをカスタマイズしてオリジナルのサイトにするところから始めます。

４．テーマをカスタマイズする｜子テーマを活用する

さて、テーマのカスタマイズを始めるにあたっては、慣れてくればオリジナルテーマを作成することもできますが、最初は公式テーマから気にいったものをカスタマイズすることから始めること、そして下記の理由から子テーマという機能を活用することをお薦めします。

公式テーマは不具合修正や機能強化などのアップデートがあり、実行するとテーマは新しいものに上書きされ、直接おこなったカスタマイズは消えてします恐れがあります。そこで子テーマを活用すると、親テーマを全て引き継ぐことができ、変更したいファイルだけ子テーマで書き換えることができるので便利です。子テーマの詳細については WordPress Codex 日本語版「子テーマ」をご覧ください。

５．テーマをカスタマイズする｜テーマの構成を理解する

テーマについては WordPress Codex 日本語版「テーマの作成」に詳しく書いてあり、WordPress テーマは、画像を除くと、大きく分けて次の3種類のファイルから構成されています。

style.css
テーマの定義および CSS を設定するファイル
functions.php
テーマに必要な関数を記載するファイル
テンプレートファイル
テンプレート階層にしたがいウェブページを表示するファイル

まずは、style.css で CSS の設定を変更してみてください。 CSS だけでもサイトデザインを大きく変えることができます。functions.php は関数を定義するファイルです。PHP に慣れてきたら、ぜひカスタマイズに挑戦してみてください。

６．テーマをカスタマイズする｜テンプレート階層を理解する

テーマをみると style.css や functions.php 以外にたくさんの PHP ファイルがあることに気づくと思います。これらはテンプレートファイルです。WordPress で投稿した記事はもちろん、投稿すると自動的に作成されるアーカイブやカテゴリーページを表示してくれているのがテンプレートファイルです。例えば、

single.php
投稿した記事をひとつ表示する
page.php
固定ページを表示する
category.php
カテゴリーページを表示する
archive.php
アーカイブページを表示する

テーマをカスタマイズする前に、WordPress テンプレート階層構造図でカスタマイズしたいページが、どのファイルで表示されているかを確認してみてください。

テンプレート階層構造図にも掲載されていないのは、ページの一部を表示するファイルで、ヘッダーやサイドバーを表示する header.php、sidebar.php や投稿データを表示する content.php などがあります（ TwentyEleven の場合。TwentyTen では loop.php ）。

７．テーマをカスタマイズする｜PHP ファイルを変更する

カスタマイズしたいページを表示しているファイルが見つかったら、変更します。WordPress では例えば、 single.php を変更すれば、全ての記事に反映されます。

PHP ファイルは <?php ・・・ ?> で囲まれたところは PHP によるプログラムですが、それ以外は HTML ですのでかんたんに変更することができます。 CSS と HTML がカスタマイズできるようになれば、サイトを大幅に変更することができるようになります。

CSS のカスタマイズなら @Webourgeon_com さんの『CSSだけでも結構イケル』テーマのカスタマイズとオリジナルテーマ作成への第一歩が参考になります。

８．テーマをカスタマイズする｜テンプレートタグを使う

HTML を変更するようになると、色々と欲しい機能が出てくると思います。それらを助けてくれるのがテンプレートタグです。例えば、投稿データを表示する content.php のカスタマイズで記事タイトルを表示したいと思ったら <?php the_title(); ?> 、ブログのタイトル（設定で登録します）を表示したかったら <?php bloginfo( ‘name’ ); ?> というようにテンプレートタグを追加して表示させてみてください。

ここまで来たら、もっと色々なことをしたいと思ったのではないでしょうか。PHP の条件分岐やループなどを使うことができるようになると、さらにカスタマイズの幅が広がります。例えば TwentyEleven のテーマには参考に（コピー＆ペースト）できるコードがたくさんあるので、カスタマイズしているうちに少しずつ理解できるようになっていくと思います。ぜひ、WordPress に挑戦してみてくださいね！

それでは WordPress のブログリレーのバトンを @Webourgeon_com さんにお渡しします。