「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

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に入力するようにしてください。

この記事は役に立ちましたか?

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

同じテーマのカスタマイズ記事