Cocoonテーマの場合、個別のページごとに背景画像を設定

Cocoonテーマの場合、個別のページごとに背景画像を設定するには、以下の手順を行います。

ページを編集する

「Cocoon設定」のメタボックスを開く

「ページ設定」の項目をクリックする

「背景画像」の項目をクリックする

「背景画像を選択」ボタンをクリックし、画像をアップロードする

「背景画像の配置」の項目をクリックし、背景画像の配置方法を選択する

「背景画像の繰り返し」の項目をクリックし、背景画像の繰り返し方法を選択する

「適用」ボタンをクリックして、設定を保存する

この手順で設定した背景画像は、そのページのみに適用されます。ただし、部分的に背景画像を指定したい場合は、CSSを使用して実現する必要があります。

CSSを使用する場合は、以下の手順を行います。

1.ページを編集する

2.「HTML」または「テキスト」タブを選択して、ページのソースコードを表示する

3.CSSを追加する場所を探し、以下のようなコードを追加する

<style>

    .target-class {

        background-image: url('背景画像のURL');

        background-position: center center;

        background-size: cover;

        background-repeat: no-repeat;

    }

</style>

4.上記のコード中の「target-class」には、背景画像を指定したい要素のクラス名を指定します。また、「背景画像のURL」には、設定したい背景画像のURLを指定します。

5.「適用」ボタンをクリックして、設定を保存する

このようにCSSを使用することで、部分的に背景画像を指定することができます。ただし、CSSを使用する場合は、HTMLの構造やクラス名などに詳しくなる必要があります。