ドロップダウンメニューの追加方法

複雑なウェブサイトを構築したいユーザー向けに、サイトのナビゲーションにドロップダウンメニューを追加することで、コンテンツをカスタマイズして整理できます。

 

 

この映像の日本語字幕を有効にするには、設定アイコンをクリックし、「English」→「Subtitles CC」→「Auto Translate」→「言語リストからJapaneseを選択」の順にクリックします。

 

ドロップダウンメニューの外観例:

 

dropdown-menu-site-example

ドロップダウンメニューを設定すると、ドロップダウンのタイトルに矢印表示が現れます。訪問者がドロップダウンのタイトルにマウスを置くと、サイト内のページへのリンクや外部サイトへのリンクを含むメニューが展開されます。

訪問者はドロップダウン タイトル自体をクリックすることはできず、展開されたメニュー内の項目をクリックすることしかできないことにご注意してください。

 

ステップ1: ドロップダウンメニューを有効にします。

ドロップダウンメニューのオプションは、マルチページのサイトにのみ追加可能です。マルチページ機能は、設定画面で有効にできます。詳細はこちら:マルチページサイトの作成をご覧ください。

「ページ管理」下にある「詳細設定」をクリックすると表示される「ドロップダウンメニューを追加」を選択します。

ドロップダウンの項目が追加されます。10個のドロップダウンメニューが一つのサイトに追加できます。

 

 

ステップ2: ドロップダウンメニューにタイトル名をつけて順序を入れ替えます。

ドロップダウン名を変更し、ナビゲーションメニューに表示される順序を入れ替えするには、メニュー名をドラッグして表示させたい場所に移動するだけです。ホームのページにはドロップダウンメニューはご利用いただけません。ナビゲーションメニューの最初の項目は、ページの必要があり、ダウンドロップメニューや外部リンクは利用いただけません。

 

ステップ3: ドロップダウンメニューにページを追加します。

ページ管理のメニュー内にあるすでに作成したページや外部リンクをドラッグ&ドロップすることで、ページまたは外部リンクを含め、10ページまで一つのダウンドロップメニューに追加できます。

 

セクションにリンクするダウンドロップメニューを作成します。

あるページのセクションにリンクするダウンドロップメニューを作成する場合、外部リンクを利用します。新しいダウンドロップメニューを作成します:

新しい外部リンクを作成して、ぺージのセクションにリンクを追加します。外部リンクの下にある「新規リンク追加」をクリックし、設定アイコンをクリックして、リンクしたいページとセクションを選択します。URLで指定する場合は、URLを入力し、サイト内のセクションに接続したい場合は、URLの右にある矢印を押すと表示される「ページとセクション」でリンクしたい「ページ」と「セクション」を指定します。

Sunnysideup__.png

次にリンクを追加した外部リンクのページを、ドラッグ&ドロップしてドロップダウンメニューの下に移動するだけで、ダウンドロップメニューに外部リンクが追加されます。"Nature"は http://sunnysideup.strikingly.com/photos のページの一つ目のセクションにリンクし、"Urban"は、同じページの二つ目のセクションにリンクしています。 

最後に、ページの設定ボタンより「ナビゲーションに表示する(Show in navigation)」のチェックを外して、元のページを隠し非表示にします。

 

ドロップダウンメニューにページのセクションにリンクした外部リンクを設定すると以下のようになります:

 

 

注:現在、ドロップダウンはナビゲーションバーにのみ対応しています。フッターのドロップダウンはサポートされていません。

 

この機能がお役に立つことを願っています!質問があれば、support@strikingly.comまでメールまたはチャットでお問い合わせください。皆さんのフィードバックをお待ちしています!

 

この記事は役に立ちましたか?
18人中17人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください