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

Pro版をご利用のお客様は、サイト・ナビゲーションへドロップダウンメニューをご利用いただけます。コンテンツを整理できるので、多くのページを持つより複雑なサイトを構築することができます。

ドロップダウンメニューは以下のようにご利用いただけます。

dropdown-menu-site-example

ドロップダウンメニューを設定するとドロップダウンのタイトルに矢印のアイコンが表示され、タイトルにマウスをもっていくとサイト内のページへのリンクまたは外部サイトへのリンクなどのメニューが表示されます。

表示されたメニュー内のタイトルをクリックできますが、ドロップダウンのタイトル自体はクリックできません。

 

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

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

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

dropdown_jp.png

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

dropdown2_jp.png

 

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

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

Step 3: ドロップダウンメニューにページを追加する

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

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

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

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

dropdown_exjp.png

例えば、このページ:http://sunnysideup.strikingly.com/photos の2つのセクションにリンクするドロップダウンメニューのページを作成するため、外部リンクでリンクを指定します。

Sunnysideup__.png

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

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

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

質問やご不明な点があれば、 support@strikingly.com または chat(英語のみ) までお気軽にご連絡ください!

 

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