メニューページをビジュアル設定で作成する

サイト機能でページを作成している際に、メニューページが必要になることがあります。
しかし、ソースでページを作成するのは難しいと感じる方もいるかもしれません。
この記事では、ビジュアル設定のフリーコンテンツブロックを使用して簡単に作成する方法をご紹介します。

複数のページに遷移できるよう、1つのページにそれぞれのページへのリンクがまとまったページです。

例1：個人用申し込みフォームと法人用申し込みフォームを選択するページ

例2：ログイン後のメニューページ

メニューページとなるページを作成してください。
認証エリア内であれば、認証エリア作成時に生成される認証後トップページを使用するのがおすすめです。

ページの「ブロック設定」タブ（ソース設定ページの場合は「body」タブ）の「＋」ボタンから、フリーコンテンツブロックを新規作成します。
フリーコンテンツブロックの設定方法は「ビジュアル設定」を選択してください。

※フリーコンテンツブロック内で認証レコード値を表示させたい場合は、「設置認証エリア」を設定する必要があります。
認証エリア内ページにブロックを追加する場合は自動で設置認証エリアが設定されますが、ブロックを単体で作成する場合は設置認証エリアを選択してください。

ビジュアル設定のフリーコンテンツ内では、WYSIWYG（ウィジウィグ）操作のエディタを使用して直感的にページの内容を作成することができます。

文字サイズ/太字/文字色/中央寄せなど、クリック操作で様々な書式を設定することができます。

入力したテキストにリンクを設定することができます。
このテキストリンクを使用して、各ページへのリンクを設定していきます。
サイト内のページだけでなく、外部ページへのリンクも設定可能です。
また、パラメータ付与や別タブで開く動作にも対応しています。

ファイル挿入機能を使用することで、画像をサイトファイルにアップロードしてフリーコンテンツ内に設置することができます。
設置した画像にリンクを設定することも可能です。

設置認証エリアが設定されているフリーコンテンツブロックでは、認証レコード値を挿入することができます。
ログイン中のIDやメールアドレスといった情報を簡単に表示することができます。

プレビュータブに切り替え、作成した内容を確認します。
問題が無ければ「保存」をクリックします。

リンクテキストを範囲選択し、フォントの色で青を選択することで色を固定できます。

「スタイル」タブから横幅を変更することでブロックの左右に余白を追加できます。

「スタイル」タブから枠線の色を白（#ffffff）に設定すると見えないようにすることができます。

開発情報・ナレッジ