【cocoon】記事の背景画像を設定する方法

【cocoon】記事の背景画像を設定するサンプルコードをご紹介します。

設定方法は2種類があります。

1.全ページの背景を一括設定方法：

管理画面の外観＞カスタマイズ＞追加CSSの編集欄に下記のコードを記載します。

2.指定ページの背景の設定方法：

指定記事のカスタマズCSS編集欄に下記のコードを記載します。

★共通背景画像設定コードは

上記のピンクで塗りつぶしした部分はWordprssの管理画面→メディア→ライブラリの画像右下の【ファイルの URL:】になります。

背景カラー設定のCSSコードは⇩

上記のブルーで塗りつぶしした部分の色の指定コードは16進数のカラーコードをご参照ください。

注意事項：カスタマイズでCSSコードを入力した後で、特定ページでCSSコードを入力してもカスタマイズCSSコードで優先的に反映されます。

ご参考になれば幸いです。