top of page

ドロップダウン メニュー の作り方

右のような「ドロップダウンメニュー」はテンプレートにある横型メニューを使う。 横方向の項目(主メニュー)も「新しいページ」で増やせる。

手順:まずドロップダウンメニューを作る設定をする。 

方法:主メニューで「新しいページ」をクリック → 「ドロップダウン」をクリック。

主メニューに「ドロップダウン」のサブメニューが追加される(このメニューはドロップダウンがあることを示すのみの意味なので後で非表示にする。)

メニューボタンにはリンク設定がない。ボタンからリンク設定するには、

・外部へのリンクの場合:

再度、主メニューで「新しいページ」をクリック  → 「リンク」をクリック → WEBアドレス入力。 

・内部へのリンクの場合:

サブページを主メニュー下に入れる →  目的サブページを編集画面にする →  主メニュー下に「新しいページ」→「リンク」→  窓右端の↓印クリックでページを指定。

(アンカーがなくてもリンク可)→ 「新しいリンク」ができる → この名を変更 →  完了

・アンカーを設置する場合:

サブメニューのページで、左メニューで「+」 →  その他の下、アンカーをページTOPにドラグ。

・主メニューのリンク先設定/変更:

メニューに「リンク先変更」がある場合はここで変更。 ない場合

「新しいページ」で新たにリンク先を設定して当該主メニューと入れ替える。

リンクなし はできないから表紙にアンカーを設定してここにリンク。

​試作結果

ホームページ表紙ではドロップダウン(プルダウン)メニューが一般的です。このメニューはJavaScriptで作りますが、「WIX」でもテンプレートをドラグするだけでできる。少々ややこしいができた。
I.E.10 ではむろん見えて動作するが、VISTAのI.E.9では見えない。VISTAではFireFox or Chrome が必要。

Android スマホではこのJavaScript部分は見えず、画面上に表示する「三」印マークをタップすると内容が見える。

なお、
「WIX」でなく、JavaScript手入力で作ったドロップダウンメニューは、VISTAのI.E.9、スマホ、どちらも見えて動作します。
http://1939abe.web.fc2.com/pc/hp/css/dropdownmenu/dropdown.htm

bottom of page