TCDテーマの設定は、管理画面の「TCDテーマオプション」と呼ばれる専用ページに用意されています。このページでサイト全体の色やテキストなどを整えていく感じですね。
今回は、テーマオプションってどんな画面か解説していきます。
TCDテーマオプションとは？
WordPressの管理画面からサイトの設定を行えるテーマ独自の機能です。TCDテーマを使った制作では、このテーマオプションとWordPressの標準機能を使ってサイトを制作するといった流れになります。
例えば、当サイトで使用しているテーマ「RIKYU」のテーマオプションは以下のような感じです。
非常にたくさんの項目がありますね。今回はざっくりと紹介したいので、左側のタグ毎に紹介していきます。
TCDテーマは、テーマによって設定項目の数や種類が異なります。
テーマオプション：基本設定
サイト全体の設定を行うところです。
| カラー | メインとなる色の設定 |
| フォント | サイト全体の主要箇所の文字サイズの設定 |
| ロゴ | ヘッダーやフッターに表示されるロゴの設定 |
| サイドバー | 2カラムページのサイドバーの配置 |
| ロード画面 | 最初に画面に表示されるロード画面 |
| アイキャッチ | 代替画像やホバーした時のアニメーション設定 |
| SNS | XやFacebookなどのアイコンの設定 |
| 404・検索結果ページ | 404ページと検索結果のカスタマイズ設定 |
| カスタムCSS・スクリプト | CSSやJSでカスタマイズできる設定 |
テーマオプション：トップページ
サイトのトップページの設定です。ファーストビューのスライダーやニュースティッカー、メインコンテンツを設定できます。
| ヘッダースライダー | ファーストビューのスライダー画像を設定（動画も可） |
| ニュースティッカー | スロットアニメーションで表示するお知らせ一覧の設定 |
| メインコンテンツ | トップページのメインコンテンツの設定 |
メインコンテンツ部分に、特定の固定ページの本文を反映させることもできます。
テーマオプション：投稿
投稿のアーカイブページや個別ページに関する設定です。
| 共通設定 | スラッグなどの基本的な設定 |
| 投稿アーカイブページ | 投稿の一覧ページの設定 |
| 投稿ページ | 投稿の個別ページ（記事のページ）の設定 |
| 追加コンテンツ | 記事本文の上下の広告スペースに関する設定 |
テーマオプション：お知らせ
カスタム投稿「お知らせ」のアーカイブページや個別ページに関する設定です。カスタム投稿「お知らせ」は「投稿」をよりお知らせを発信する用途に特化させたものです。
| 有効化 | お知らせを利用するかどうかの設定 |
| 共通設定 | スラッグなどの基本的な設定 |
| 投稿アーカイブページ | カスタム投稿「お知らせ」一覧ページの設定 |
| 投稿ページ | カスタム投稿「お知らせ」の個別ページ（記事のページ）の設定 |
| 追加コンテンツ | 記事本文の上下の広告スペースに関する設定 |
テーマオプション：商品
これは、ECサイト向けテーマ（WooCommerce対応）の設定です。WooCommerceの機能をカスタマイズできる設定が備わっています。
| 共通設定 | 各種ラベルや商品画像の比率などの商品全体の設定 |
| 商品アーカイブページ | 商品一覧やフィルターの設定 |
| 商品ページ | 商品ページのレイアウトや関連商品の設定 |
| お気に入り | お気に入り機能の設定 |
テーマオプション：ヘッダー
ヘッダーバーの見た目に関する設定を行えます。ヘッダーバーを何かしら設定するならとりあえずココですね。
| ヘッダーメッセージ | ヘッダーバー上部の告知メッセージの設定 |
| ヘッダーバー | コピーやナビゲーションの設定 |
| メガメニュー | メガメニューの設定 |
| ドロワーメニュー | スマホ用ナビゲーションの設定 |
ナビゲーションの各項目を設定する時は、WordPressの外観 > メニューで操作します。
テーマオプション：フッター
サイトのフッターに関する設定を行います。ページの最下部に表示されているコンテンツはここで設定します。
| フッターメッセージ | フッター上部の告知メッセージの設定 |
| バナーエリア | 複数のバナーを設置できる設定 |
| フッターメインエリア | メニューやコピー、アイコンなどの設定 |
| フリースペース | フッターの自由記入欄の設定 |
| コピーライト | コピーライトの設定 |
フッターのメニューもWordPressの外観 > メニューから行います。
テーマオプション：保護ページ
保護ページに関する設定です。WordPressでは作成したページにパスワードをかけて閲覧制限をかける機能が備わっています。このページをカスタマイズできる機能です。
保護ページに関する詳細を知りたい方は、以下をご覧ください。
テーマオプション：クイックタグ
クラシックエディターで使えるクイックタグの設定です。記事内の見出しボタン、吹き出しなどの設定ができます。
| 見出し | h2〜h6までの見出しの設定 |
| ボタン | ボタンのデザインの設定 |
| 囲み枠 | 本文装飾のボックスデザインの設定 |
| アンダーライン | テキストに引けるマーカーの設定 |
| 吹き出し | 吹き出しの設定 |
| Google Maps | Googleマップの設定 |
テーマオプション：SEO
metaタグやOGP、高速化などのSEOに関する設定を行います。
| metaタグ | titleタグやmeta descriptionの設定 |
| Facebook OGP | Facebook OGPの設定 |
| Twitter Cards | Twitter Cardsの設定 |
| 高速化 | サイトの読み込み速度向上設定 |
テーマオプション：テーマオプション管理
TCDテーマオプションの各種設定をリセットできる設定です。色々触っていると色や文字サイズなどむちゃくちゃになってしまうことがあります。
そんな時にテーマオプション管理でリセットすると、簡単に初期状態に戻すことができるんですね。サイトの表示がおかしい時などに使うことが多いです。
まとめ
TCDテーマオプション管理について解説しました。今回は「RIKYU」を例にあげましたが、テーマによってそのオプションは様々です。
インストールしてすぐは慣れないですが、操作してくると分かってきます。最初はとりあえず触ってみるのがいいかもしれません。
