カスタムページを追加または編集する際、「画像パーツ」（以下、パーツと呼びます）を追加することで、ページに画像を加えられます。パーツをドラッグ&ドラップし、任意の位置に配置できるほか、複数の画像でカルーセル表示にしたり、フル幅で迫力を出したりすることもできます。
１、パーツの追加
STEP 1. パーツの追加
左側のメニューには、さまざまなパーツがあり、追加するパーツを好きな位置にドラッグします。
STEP 2. パーツを好きな位置にドラッグする
パーツを編集エリアにドラッグすると、配置可能な位置が緑色の枠で表示されます。
２、 画像の追加＆モバイル版画像のアップロード
1. 画像の追加
画像は 1 枚だけ追加することも、複数枚をカルーセルで表示することもできます。表示される欄に画像をアップロードし、ドラッグして並べ替えられます。
2. モバイル版画像のアップロード
画像をアップロード後、モバイル版用の画像もアップロードできます。すでにアップロードした画像を変更する場合は、該当するデバイスの「画像をアップロード」を再度クリックしてください。
画像の削除ボタンをクリックすると、もう一方のデバイス用画像が適用されます。モバイル版の画像を削除すれば、モバイル版には PC 版の画像が適用されます。
PC 版とモバイル版の表示例は以下の通りです。
PC 版
モバイル版
３、画像パーツの詳細設定
1. 画像カルーセルに設定する
複数の画像をアップロードすると、自動的にカルーセル形式で表示されます。画像の左上にある十字アイコンを押しながらドラッグすると、画像の表示順を変更します。最上部に置いた画像が最初に表示されます。
2. リンクと代替テキスト（alt 属性）
画像ごとにリンク先を設定でき、クリックすると設定したページに遷移します。また、代替テキストを追加すれば SEO 向上や画像検索での表示にも役立ちます。詳しくは画像の代替テキストをご参照ください。
3. フル幅設定
画像編集パネルの「設定」タブから、画像設定で「フル幅表示」にチェックを入れるとフル幅で表示され、チェックを外すと元のサイズに戻ります。
４、推奨画像サイズ
- PC 版の画像：推奨画像サイズをご参照ください。
-
モバイル版の画像：全画面で強い視覚的インパクトを与えたい場合は画像比率 16:9、サイズ1080px（幅）x1920px（高さ）を、引き続き閲覧を促す場合は画像比率 4:3、サイズ1080px（幅）x1440px（高さ）を推奨します。
関連記事
コメント