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

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

Twenty Elevenのカスタマイズ

Screenshot of ja.wordpress.org

Twenty Eleven

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

公式テーマは無料で利用できて魅力的なテーマが多いのですが、有料テーマはデザインや機能面に優れサポートも充実しているのが特徴です。10000円~20000円前後で入手することができ、WordPressを使って収益を考える副業やビジネスをしたい方にはこちらがおすすめになります。高機能で柔軟性の高い公式テーマはオリジナルなサイトを構築できますが、反面、初心者の方にはハードルが高いと言えます。できる限り簡単な操作でサイトをビジネスに活用されたいなら、有料テーマがおすすめです。

カスタマイズの手順

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

  1. WEBサイトの構成を考える (※注1)
  2. 不要な機能を削除する
  3. 必要な拡張機能(プラグイン)を追加する
  4. グローバルナビゲーションやサイドメニューを作る
  5. TOPページを作る
  6. 会社案内ページを作る
  7. 事業内容ページを作る
  8. お知らせや、ブログ(製品やサービスをカテゴリーに構成する)を設置する

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

テーマカスタマイザー

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

テンプレートファイル(PHP)

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

  • スタイルシート (style.css)
  • テーマのための関数 (functions.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)

css(スタイルシート)

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

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

WordPressテーマの注意点

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

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

テーマを利用する場合、レンタルサーバー の表示速度やバックアップ機能についても注意しましょう。テーマによっては、複雑なデザインや機能が豊富で、少し表示が遅いものもあります。ページが表示されないとユーザーが立ち去ってしまうことになりかねません。また、無料だからというわけではないのですが、悪意のあるプログラム(ソース)があるもや最新のセキュリティに対応できていないものも存在します。表示速度やセキュリティについてはサーバーに依存する側面も強くあります。この点を踏まえたレンタルサーバー選びも検討しておきましょう。

有料テーマ

公式テーマは無料で利用できて魅力的なテーマが多いのですが、有料テーマはデザインや機能面に優れサポートも充実しているのが特徴です。10000円~20000円前後で入手することができ、WordPressを使って収益を考える副業やビジネスをしたい方にはこちらがおすすめになります。高機能で柔軟性の高い公式テーマはオリジナルなサイトを構築できますが、反面、初心者の方にはハードルが高いと言えます。できる限り簡単な操作でサイトをビジネスに活用されたいなら、有料テーマがおすすめです。

EmanonはWeb集客に必要な機能を搭載したビジネス用WordPressテーマです。企業サイトやビジネス用メディアブログなどの利用に適しています。

開発・販売元株式会社イノ・コード
利用ユーザー中小企業・士業・コンサルタント・個人事業主
特徴web集客に必要な機能を搭載
用途企業サイト・ビジネス用メディアブログ

無料テーマ

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

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

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

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

表示速度やセキュリティにも注意

どのテーマを利用するにしても、サイトの表示速度やセキュリティについても注意しましょう。テーマによっては、複雑なデザインや機能が豊富で、少し表示が遅いものもあります。ページが表示されないとユーザーが立ち去ってしまうことになりかねません。また、無料だからというわけではないのですが、悪意のあるプログラム(ソース)があるもや最新のセキュリティに対応できていないものも存在します。表示速度やセキュリティについてはサーバーに依存する側面も強くあります。この点を踏まえたレンタルサーバー選びも検討しておきましょう。

■レンタルサーバのご紹介

「さくらのレンタルサーバ」はさくらインターネット株式会社が運営する レンタルサーバーサービスです。 ブログからお店や会社のWebサイトまで幅広く利用されています。SSD化をはじめとした機材の刷新によって、 WordPressなどのCMSも快適に動作します。

運営会社さくらインターネット株式会社
機能・特徴■ライトからビジネスプロまで、さくらのレンタルサーバの全てのプランで初期費用が無料
■月ごとに設けられていた転送量の上限を撤廃し、無制限化