テーマのカスタマイズ【Twenty Eleven】

2011年版の WordPress テーマは洗練されていて、軽量で、柔軟性があります。メニュー、ヘッダー画像、背景をあなたなりにアレンジしてみてください。明と暗のカラースキーム、リンクカラー、3つのレイアウトオプションが利用できるようになっています。Twenty Eleven テーマは、フロントページをコンテンツの目立つショーケースへと変身させるショーケース固定ページテンプレートを備えています。多数のエリア (サイドバー、3つのフッターエリア、ショーケース固定ページウィジェットエリア) がウィジェットに対応しており、また、アサイド・リンク・引用・ステータスを表示する「短冊」ウィジェットも含んでいます。印刷用と管理者のエディタ用のスタイル、アイキャッチ画像 (投稿、固定ページ上のヘッダー画像と注目の「固定」記事の大きな画像として) のサポート、6つの異なる投稿フォーマットの特別なスタイルが含まれています。

Twenty Eleven

WordPress.org	Twenty Eleven
バージョン	4.4
最終更新	2023年8月8日
有効インストール	100,000+
WordPressバージョン	3.2
PHPバージョン	5.2.4以降

表示例

テーマカスタマイザー

サイト基本情報	サイトのタイトル キャッチフレーズ
色	色の設定（明るい・ダーク） ヘッダーテキスト色 背景色 リンク色
レイアウト	左コンテンツ 右コンテンツ 一列・サイドバーなし
ヘッダー画像	1000 x 288 px 推奨
背景画像	画像を選択
メニュー	1か所
ウィジェット	メインサイドバー フッターエリア1～3

カスタマイズ

カスタマイズするには、大きく分けて機能とデザイン性をカスタマイズすることになります。どちらも手段が複数ありますので、事前に理解して取り組まれるとよいでしょう。特にテーマのコードを直接編集する方法はリスクも高いので、よく理解されている方以外にはおすすめできません。

テーマをカスタマイズする方法は大きく分けて、テーマカスタマイザーを使う、cssの追加をする、直接テンプレート（PHP）ファイルを書き換えるになります。プラグインを利用すると素早く安全にカスタマイズすることも可能です。

プラグインを利用するにしても、直接テンプレート（PHP）ファイルを書き換えるにしてもリスクが発生するので、バックアップ環境は整えておかれることを推奨します。

手順

カスタマイズするには下記の手順で行います。

1. WEBサイトの構成を考える　（※注１）
2. 不要な機能を削除する
3. 必要な拡張機能（プラグイン）を追加する
4. グローバルナビゲーションやサイドメニューを作る
5. TOPページを作る
6. 会社案内ページを作る
7. 事業内容ページを作る
8. お知らせや、ブログ（製品やサービスをカテゴリーに構成する）を設置する
9. Twenty Minutesをインストールするにはダッシュボードから外観　→　テーマ　→　新規追加　→　Twenty Minutesで検索しインストールを開始します。

※　注１）固定ページ・投稿ページのコンテンツを書き出す。そしてカテゴリーやタグを振り分ける。などの設計書・制作ガイドラインを作成しておくと作業をスムースに進めることができ、修正が発生しても最小限の工程で完結できるようになります。

css（スタイルシート）

部分的に色を変更したり、文字の大きさを変更したりしたいのであればcss（スタイルシート）を追加することになります。cssの（スタイルシート）を追加する場合は、テーマカスタマイザーの「css追加」を利用するか、テンプレートファイルの「style.css」に追加することになります。

テーマカスタマイザーの「css追加」は複雑なコード編集は苦手ですが、テーマの更新に上書きされることはありません。逆にテンプレートファイルの「style.css」は上書きされるので、子テーマで対応するか、バックアップをとり対応するかになります。

テンプレートファイル（PHP）

テンプレートファイル（テーマファイル）のカスタマイズは、外観 → テーマファイルエディタで編集することになります。テンプレートファイルの構成は各テーマによって異なっていますが概ね以下のようなファイルで構成されています。

• テーマのための関数（function.php）
• blocks.css
• editor-blocks.css
• ビジュアルエディターの RTL スタイルシート (editor-style-rtl.css)
• ビジュアルエディターのスタイルシート (editor-style.css)
• RTL スタイルシート (rtl.css)
• 404 テンプレート (404.php)
• アーカイブ (archive.php)
• 投稿者テンプレート (author.php)
• カテゴリーテンプレート (category.php)
• コメント (comments.php)
• content-aside.php
• content-featured.php
• content-gallery.php
• content-image.php
• content-intro.php
• content-link.php
• content-page.php
• content-quote.php
• content-single.php
• content-status.php
• content.php
• テーマフッター (footer.php)
• テーマヘッダー (header.php)
• 画像添付テンプレート (image.php)
• メインインデックスのテンプレート (index.php)
• 個別投稿ページ (page.php)
• 検索結果 (search.php)
• 検索フォーム (searchform.php)
• Showcase Template 固定ページテンプレート (showcase.php)
• sidebar-footer.php
• Sidebar Template 固定ページテンプレート (sidebar-page.php)
• サイドバー (sidebar.php)
• 個別投稿 (single.php)
• 投稿タグテンプレート (tag.php)

WordPressテーマ

WordPressのテーマとは、サイト全体のテンプレートのことです。テーマは複数のファイルの集合体で、デザインなどの内容が一式セットになっています。そのため、テーマを変更すれば複雑な処理を行うことなく、デザインや構成、機能などを変えることができます。テーマは、インターネット上で無料ダウンロードできるものから、有料で販売されているものもあります。また、自分で作成したテーマをアップロードして使用することも可能です。

有料テーマ

デザインや機能面に優れサポートも充実しているのが 有料テーマ の強みです。10,000円～20,000円前後で入手することができ、WordPressを使って収益を考える副業やビジネスをしたい方にはこちらがおすすめになります。

無料テーマ

wordpress.orgのテーマディレクトリには約10,000に及ぶテーマがあり自由に選ぶことができます。公認テーマはwordpressによって審査され、安心して利用することができるといえます。半面、デザインや機能は育て上げる面もあり初心者にはハードルが高いかもしれません。サポートはありませんのでwordpress.orgやネットから情報か自力で解決しなければなりません。

WEB制作会社から配布される無料テーマもあります。無料とは思えないほど機能やデザインが充実しているテーマもあります。ただ、無料がゆえに途中で更新がストップしたり、開発が終了されることもあります。無料テーマは開発者の宣伝目的や有料版へのステップとして提供されていることもあると認識しておきましょう。

WordPress無料テーマは文字通り無料なので、最初のうちは気軽に試すことが可能です。合うテーマを見つけるまでテーマを無料で変えられるのは大きなメリットです。使いたいテーマが見つかった後は、同じテーマで運用するようにしましょう。WordPressはテーマごとに仕様が異なるので、運用途中の変更はデザインレイアウトが崩れる可能性があるのであまりおすすめはできません。

無料テーマのデメリットとしては、製品版のお試し（機能が制限されたり）として配布されたり、個人的に配布されたりしていて、サポートや更新が終了してしまうことがあります。そのまま使えることもありますが、数年後には他のテーマに変更することになることが多いようです。

テーマの注意点

テーマの更新には、機能の追加・変更などのほかに、セキュリティ向上や不具合の修正なども含まれるため、常に最新の状態にアップデートしておくことです。また、テーマを更新すると、カスタマイズは初期化してしまいます。更新する度にカスタマイズし直すのは手間がかかるので、「子テーマ」の利用が推奨されています。子テーマを作る理由はテーマを直接カスタマイズしてしまうと、テーマのバージョンアップによって変更した内容が上書きされてしまうからです。子テーマは、親テーマの機能やスタイルを引き継いでいます。子テーマにカスタマイズを加えておけば、テーマを更新した後もカスタマイズした状態をそのまま引き継げます。