概要

「サイトの管理」機能で作成したサイトでは、サイトの編集画面が表示され、内容やレイアウトなどを調整することができます。

本記事では編集モードに表示されている各セクションの説明や追加・並び替えの方法について記載します。

テーマカラー等編集モード上部の各種設定項目についてはこちら

▼サイトの編集画面

手順

【編集モードの開き方】

①作成したサイトの管理画面より、編集したいバージョンにマウスオーバーし「ページ編集」をクリックします

※「サイトの管理機能」を使用したサイトの作成方法はこちら

②サイトの編集画面が表示され、セクションの追加・編集ができます

【セクションの追加】

①各セクションにカーソルを合わせると紫色の枠が表示されるので「+」マークをクリックします

②追加したいセクションを選択します

③選択したセクションが追加されます

④各セクションの内容を編集する場合は、編集したいセクションにカーソルを合わせ、右上の編集ボタンをクリックします

各種セクションについて

追加できるセクションについて、各セクションの内容と編集項目は以下となります。

【Heroヘッダーセクション】

サイトの概要等を記載するのに適したセクションです。

背景色の変更や画像の差し込み、外部サイトへ誘導するリンクボタンの設置も可能です。

▼Heroヘッダーのサンプル

表示設定・テキスト設定

背景

Heroセクションの背景を設定できます。

「背景色」で指定した色の変更や、PC内の画像を背景として設定することもできます。

画像

Heroセクション内に任意の画像を表示することができます

CTA

Heroセクション内に他ページに遷移するボタンを設置することができます

【Grid・Slider・Listセクション】

ULIZAでアップロードしたコンテンツを表示するセクションです。

コンテンツの表示方法はGrid・Slider・Listの３パターンから選択できます

Grid表示

コンテンツを格子状に並べて表示します

Slider表示

コンテンツを横一列に並べて表示します

スライドボタンを押すことで表示をスライドできます

List表示

コンテンツを縦にリスト形式で表示します

ヘッダー・表示設定

アイテムタイプ

セクション内に表示するコンテンツを設定できます

【お知らせセクション】

「お知らせの管理」で追加したお知らせを表示するセクションです。

お知らせの追加方法についてはこちら

ヘッダー・表示設定

【バナーセクション】

サイトにバナー画像を表示するセクションです。

イベント情報のアプローチや外部サイトへの誘導など、様々な用途があります。

表示設定

バナーセクションを表示させる対象ユーザーの範囲を設定します。

バナー画像

バナーセクションに表示させる画像のアップロードや管理を行います。

追加ボタンをクリックすると、バナー画像の設定項目が表示されます。

バナー画像 表示設定

バナーセクション内の画像のサイズや表示数を設定します。