本文へ移動
3
2
6
2
5
9

キャッチビジュアルパーツ

パーツ解説

キャッチビジュアルは、サイトを訪れたときに最初に目に入る、「アイキャッチ」となるパーツです。企業からのメッセージを伝えたり、サイトの中でも特に見てほしいコンテンツへの誘導にも利用されます。

キャッチビジュアルパーツには複数の画像を登録でき、それぞれの画像にキャッチコピーやリンクを設定できます。

※キャッチビジュアル画像は10件まで登録できます。
パーツ編集モードでヒーローヘッダー部分にマウスカーソルを合わせると
 ①パーツ編集、②データ一覧(追加・編集) ボタン が表示されます。

①パーツ編集

①基本設定
  • 掲載ページ
掲載ページを"トップページのみ"にすると、トップページ以外のページではキャッチビジュアルが表示されなくなります。

  • ナビゲーション表示
ナビゲーションを"有効"にすると、ヒーローヘッダー下のナビゲーションが表示されます。

  • 詳細ページで表示する
"有効"にすると、キャッチビジュアルを詳細ページに表示します。

  • スマホ表示設定
スマホ表示時の高さの指定や、スマホ文章表示の位置を"画像下部"、"画像を重ねる"から指定します。

②動作設定
自動スライドを"有効"に設定すると、ヒーローヘッダーの画像を自動で切り替える設定を行えます。

  • 切替速度
次の画像に切り替わるまでの速さを 1(速い)~10(遅い)から選択します。

  • エフェクト
画像が切り替わる際の効果を選択します。

  • エフェクトスピード
エフェクトが始まって終わるまでの速さを 1(速い)~10(遅い)から選択します。

  • 再生回数
スライドショーを繰り返し再生する回数を 繰り返し、1回のみ から選択します。

②データ作成

データ一覧画面

登録しているデータを確認できる画面です。ドラッグ&ドロップで画像の表示順を並び替えることができます。

①新しく追加
データ編集パネルに移動して、データを新たに追加できます。

②操作パネル(三点リーダー) 
マウスカーソルを三点リーダー(…)に合わせると、各データの操作パネルが表示されます。
編集、下書き/公開の切り替え、削除、複製 を行うことができます。

データ編集パネル

データ一覧で【新規追加】ボタン、または【編集】ボタンをクリックすると"データ編集"画面に移動します。

①背景画像設定/スマホ背景画像設定
ヒーローヘッダーの背景に表示させるイメージを登録します。
②文章
表示させる文章をエディタに入力します。エディタ内では、文字色や背景色を変更したり、編集することができます。
*エディタについてはこちら

また背景色の設定を行うことが可能です。

③リンク設定
「URL入力」、「ページ選択」、「お問い合わせ」から選択します。また、ページ表示方法は「内部リンク」、「外部リンク」のどちらかを設定します。

基本操作

編集したい要素をクリックすると、選択状態のボックスが表示されます。ボックスの左側のアイコン部分をドラッグ&ドロップでカーソル移動して配置を変更できます。