WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマTree:特定のページのみ背景色を変更する方法

Q.テーマオプションの背景色の設定を一部のページでは反映させないようにしたいのですが、可能でしょうか。

Tree Ver1.3へのテーマアップデートで、TCDテーマ>サイト基本設定>色の設定に於いて「トップページ以外の背景色」という項目・仕様からすべてのページに背景色が適用される仕様に変更いたしました。
【Tree】Ver1.2.3→1.3

A.下記の方法でご対応ください。

・すべての該当ページで反映させたい場合は【TCDテーマ>サイト基本設定>カスタムCSS】に入力してください。
・ブログ・各カスタム投稿・固定ページで一部のページのみに適用させたい場合は、そのページの編集画面のカスタムCSSに入力してください。
・下記記述の〇を任意のカラーコードに変更してください。
 
・トップページ

.home { background:〇; }

 
・各一覧ページ

.blog { background:〇; } /* ブログ一覧ページ */
.post-type-archive-menu { background:〇; } /* メニュー一覧ページ */
.post-type-archive-news { background:〇; } /* お知らせ一覧ページ */

 
・各詳細ページ

.single-post { background:〇; } /* ブログ詳細ページ */
.single-menu { background:〇; } /* メニュー詳細ページ */
.single-news { background:〇; } /* お知らせ詳細ページ */

 
・固定ページ

.page { background:〇; }

※仕様上、サイト基本設定のカスタムCSSに入力した場合にトップページとブログ一覧ページにも反映されますので、各固定ページの編集画面内のカスタムCSSに入力するようにしてください。

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

0

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。