画像パーツ | 高度なページ

高度なページを追加または編集する際に、「画像パーツ」を追加し、指定されたレイアウト位置にドラッグ＆ドロップすることで、ページネーションに画像を追加できます。また、画像をスライド可能なバナーとして設定したり、全幅画像として設定して注目度と視覚的インパクトを高めることもできます。

• 新しいパーツを追加
• 画像を追加し、モバイル画像をアップロード
• さらに設定
• 画像サイズの推奨

1. 新しいパーツを追加

左側のビルドメニューをクリックします。追加したいパーツを指定された領域にドラッグ＆ドロップします。

パーツを編集作業スペースにドラッグすると、パーツをドロップできる領域が緑色にハイライトされます。

2. 画像を追加し、モバイル画像をアップロード

A. 画像を追加

写真または複数の写真/バナーのスライドショーを追加できます。

左側のポップアップウィンドウに表示したい写真をアップロードし、ドラッグして表示順を変更します。

B. モバイル画像をアップロード

画像をアップロードした後、モバイル版のアップロードをクリックして他の画像をアップロードすることもでき、これにより元の画像が上書きされます。アップロードした画像を置き換えたい場合は、該当するデバイスで再度アップロードをクリックしてください。

アップロードした画像に満足できない場合は、画像の削除ボタンをクリックします。画像は別のデバイスバージョンに適用されます。たとえば、モバイル版から画像が削除されると、モバイル版は自動的にデスクトップ版の画像を適用します。

以下は、ウェブ版とモバイル版のオンラインストアの画像です。

デスクトップ版

モバイル版 

3. さらに設定

A. スライド可能なバナーとして設定

複数の画像をアップロードすると、パーツは自動的にスライド可能なバナーとして表示されます。画像ブロックの左上にあるクロスアイコンをドラッグして画像の順序を変更します。最上部の画像が最初に表示されます。

B. URLリンクと画像のaltテキストを追加

各画像に異なるランディングページリンクを設定できます。ユーザーは画像をクリックすると、設定したリンク先のページに移動します。また、各画像にAlt属性を追加することができ、これによりストアのSEOに役立ち、画像が「画像」検索結果ページに表示されるようになります。詳細については、こちらを参照してください。画像のAltタグ。

C. 全幅画像として設定

画像をクリックして全幅と通常幅を切り替えることができ、設定 > 画像設定の下にある「全幅画像を表示」ボックスにチェックを入れます。

4. 画像サイズの推奨

• ウェブ版画像：推奨画像サイズについてはこちらをクリックしてください。
• モバイル版画像：強い視覚的インパクトを与える全画面画像を表示したい場合、推奨画像比率は16:9で、サイズは1080px（幅）×1920px（高さ）です。顧客に引き続き閲覧を促す場合、推奨画像比率は4:3で、サイズは1080px（幅）×1440px（高さ）です。

さらに読む

• 高度なページ