Webサイトにメニューを設置する/WEBサイト編集ツール


SELECTTYPEのWEBサイト機能には、サイトを作成するために便利な機能が色々と用意されています。
このブログエントリーでは、「メニュー」を設置する方法をご案内します。

Webサイトにメニューを設置する

ページ上部ヘッダーより「ホームページ」「サイト・ページ一覧」をクリックします。

作成済みのサイト・ページ一覧が表示されます。
目的のサイト・ページの「編集」アイコンをクリックします。

サイトの編集画面が表示されます。
サイトの編集画面の左側にある「編集ツール」より「メニュー」をクリックします。

サンプルのメニューが画面に設置されます。
要素にマウスをのせて、右上に表示される「歯車」マークをクリックしてメニューを表示します。
メニューから「編集」をクリックします。

メニュー設定画面が表示されます。

●メニューのラベルを登録する
「現在のメニュー」エリアに表示されている項目が既に登録されているメニュー内容になります。
「編集」アイコンをクリックすると画面右側に登録フォームが表示されます。

<テキスト>
メニューのラベルを登録します。

<アイコン>
メニュー内に表示するアイコンを設定します。
変更リンクをクリックするとアイコンが選べます。使わない場合は「×」をクリックします。

<リンク設定>
リンクはページ内リンクか外部リンクか選べます。
ページ内リンクはページ内にあるテキスト要素を選んびます。
メニュークリック時に選んだテキストまで移動します。

外部リンクをクリックすると設定フォームが表示されます。
URLを入力し、新規ウィンドウでリンク先を表示する場合は設定にチェックをいれます。

登録が完了したら、「メニュー項目を保存」をクリックします。

「現在のメニュー」の該当メニューの内容が変更されます。

●メニュー項目を削除する
メニューの削除は「ごみ箱」アイコンをクリックします。

●メニュー項目の順番を変更する
メニューの順番は「矢印」アイコンをクリックします。

●メニュー表示形式を変更する
メニューの表示パターンがいくつか用意されています。

<横メニュー/アイコン上>

<横メニュー/アイコン左/区切り線付>

<横メニュー/アイコン左>

<縦メニュー>

<横メニュー/上下囲い線>

選択メニューを選ぶと右側にどのような表示になるかプレビューが表示されます。

●メニューの色を変更する
メニューの文字色(アイコンも)と背景色を設定できます。
色の指定欄をクリックすると表示される色指定のパネルから色を選びます。

メニューの登録が完了したら「編集内容をメニューに反映する」をクリックします。

編集画面のメニューが設定した内容に変更されます。

位置やサイズの調整が完了したら、その内容を保存しておきましょう。
保存はメニューバーの「仮保存」ボタンをクリックします。
15

保存が完了すると、完了メッセージが表示されます。
16

SELECTTYPE: 無料でWEBサイト/予約フォーム付き予約システム作成/メールフォーム付きサポートシステム/アンケート作成/診断テスト,心理テスト作成