メインビジュアル設定

メインビジュアルブロックは、どの端末で閲覧しても、そのデザインのまま、閲覧している画面に表示されるブロックです。

ページヘッダーにご利用ください。(エキスパ内で用意しているテンプレートのヘッダーは、ほとんどがメインビジュアルで作成しています。)

メインビジュアルブロックは、「画像」「テキスト」「ボタン」で構成されています。

以下の4種類のブロックを追加することができます。

・シンプル
・スリム
・左
・右

追加したブロックでは、テキストの変更、効果の追加、画像の変更などをおこなうことができます。

以下、メインビジュアルブロックを設定する方法についてご説明いたします。

メインビジュアルブロックの追加手順

    1. ページ編集画面にて、「ブロック追加」をクリックしてください。

    2. 「メインビジュアル」をクリックしてください。

    3. メインビジュアルブロック一覧が表示されますので、設定したいブロックをクリックしてください。

      今回の例では、「シンプル」を設定しました。

    4. ページ編集欄に、メインビジュアルブロックが追加されます。「OK」をクリックしてください。

    5. 以上で、メインビジュアルブロックの追加が完了です。

    メインビジュアルの編集

    メインビジュアルの編集手順

    1. 編集したい箇所(マウスオーバーした際に、水色破線になる領域)をクリックしてください。

    2. 左側のエディターが切り替わります。後は、任意の編集をおこなってください。

    3. 以上が、コンテンツの編集手順です。

    エディターの説明

    メインビジュアルブロックでは、「画像」「テキスト」「ボタン」エディターに切り替わります。

    画像エディター

    画像エディターの詳細は、こちらをご確認ください。

    テキストエディター

    テキストエディターの詳細は、こちらをご確認ください。

    ボタンエディター

  •  
    ボタンエディターの詳細は、こちらをご確認ください。

    メインビジュアルのレイアウト変更

    メインビジュアルのレイアウトの変更手順

    メインビジュアルブロックを入れた後、編集をした後でも、レイアウトの変更が可能です。
    1. メインビジュアルブロック(マウスオーバーした際に、黄色破線で表示される領域)をクリックしてください。

    2. 左側のエディターが切り替わります。後は、任意の編集をおこなってください。

    3. 以上が、メインビジュアルのレイアウトの変更手順です。

    メインビジュアルブロックエディターの説明

    1.

    メインビジュアルブロックは、上下2つのブロックにわかれており、「1」では、選択しているブロックの背景を変更できます。

    ※画像の場合は、メイン部分を選択中(上下に黒ラインの領域)

    2.

    レイアウトの変更が行えます。

    3.

    ブロック全体(黄色枠の領域)の背景を変更できます。