バリエーションで背景画像を追加および編集する

バリエーションで背景画像を追加および編集する

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

ビジネスサイトに関連する背景画像を使用することは、製品やサービスを魅力的な視覚的な方法で展示し、ユーザーがブランドとの即時のつながりを感じることを可能にするのに役立ちます。ブログページに関連するカバー写真を表示して投稿のストーリーを説明したり、ウェビナー登録ページに製品バナー画像を追加して新規ユーザーにブランドを強調することもできます。これらの背景画像は、PageSenseのビジュアルエディタを使用して、バリエーションページに大きな背景画像をアップロードし、背景色やフォントスタイル、画像の枠などを編集することで、訪問者の興味を即座に引きつけることができます。。 

重要: アップロードした背景画像が元のファイルサイズよりも大きい場合、新しい画像がウェブページに読み込まれる前に元の画像が一時的に表示されることがあります。  

背景画像を追加するには、以下の手順に従ってください:
1. A/Bテストを選択し、上部のエディタータブをクリックします。
テストページがPageSenseビジュアルエディターで開きます。

2.
 
ページ上の任意の場所にカーソルを合わせ、背景画像を追加します。
アクションバーがページ上に表示されます。

3.
 
メニューリストから挿入をクリックし、背景画像を選択します。



4.
 
以下の操作が背景エディターで可能です:

  • コンピュータから新しい画像を選択するには、アップロードアイコンをクリックします。または、URLボックスにURLアドレス(すでにオンラインで利用可能な場合)を指定して、画像にアクセスします。

  • 画像を配置したい背景位置を選択します。左上、右上、左中央などのように、位置を指定することができます。また、テキストボックスにはパーセンテージまたはピクセル単位でカスタム値を入力することもできます。

  • 背景画像が背景全体を覆うようにしたい場合、背景エリア内に収まるようにしたい場合、またはドロップダウンメニューの他のオプションのいずれかを選択してください。

  • 背景画像の位置を固定するために、背景のアタッチメントを選択します。それはビューポート内で固定されるか、ビューポート内でスクロールするか、または要素のコンテンツに対して固定されます。

  • 背景画像の繰り返しプロパティを選択します。縦方向または横方向に背景画像をどのように繰り返すかを設定します。

  • 複数の背景画像をバリエーションページに挿入するには、+画像を追加をクリックしてください。 


5.
 
クリック 適用

背景画像を編集するには:

1. A/B実験を選択し、エディタータブをクリックします。

2. 画像をクリックして、編集を選択し、メニューリストから背景画像を選択します。

3. 背景エディタ内の閉じるアイコンをクリックして、既存の画像を削除し、新しい画像を背景としてアップロードします。
その後、背景画像のサイズや位置などのプロパティを編集できます。


4. クリックして
 適用して変更を保存します。