サイトアイコン WEB-Geek-Site.com

WP★フロントページの背景色を変更する★Twenty Seventeenをカスタマイズ04

フロントページの背景色をパネルごとに変更する方法

フロントページを複数指定している場合、設定した固定ページを順番に表示させています。
このとき 各セクションごとに背景色を変更する方法です。

CSSを追加します。

#panel1 div.panel-content {background: #EEE5BE!important;}
#panel2 div.panel-content {background: #ef675b!important;}
#panel3 div.panel-content {background: #38455e!important;}

 

固定ページは表示順に上から「panel1」「panel2」「panel3」とID名がついていき、表示エリアのクラスは「panel-content」となっています。
CSSで背景色を指定します。

参考(英文):https://wordpress.org/support/topic/front-page-section-background-color/

モバイルバージョンを終了