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

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

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

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

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

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

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

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

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

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

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

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

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

ouyun

はじめまして。あゆと申します。 中国から日本に来て早20年、専業主婦→アルバイト→契約社員→正社員を経って現在はフリーランスで働きながら、家事、育児、資産運用もこなして、更に多様な趣味を楽しんでいます。 これは私のサイトです。 自分の経験から色々得た知恵をシェアできたらと思います。 いっちゃん様という名前の世界一かわいい猫を飼っています。 好きなことは人間観察です。 家族5人と2匹で平凡な生活を送っています。 わたしのサイトが少しでもみんなさんのお役に立てれば幸いでございます。