メニューを追加・削除する

新しいページを作成したとき、内容によってはメニューに常設することも考えられます。また、不要になった項目をメニューから削除することもあるでしょう。

ここでは、サイト上のメニューについて項目の追加や削除、その他の操作を解説します。

実際の表示イメージ

図1:メニューの表示例

今から操作するのは、サイト上部に表示されているメニューです。
体験版サイトのデフォルトでは、このようなメニュー構成になっています。

準備

① メニューの項目の追加、削除は、管理画面左側のメニュー「サイト設定」から行います。

「サイト設定」にカーソルを乗せると、さらにいくつかのメニューが表示されます。この中から「デザインエディタ」をクリックします。

図2:「デザインエディタ」を開こう

② デザインエディタが開きます。
画面左側に設定項目が並び、画面右側にはプレビューが表示されます。

※メニューの追加・削除はリアルタイムでのプレビューに対応していません。あらかじめご了承ください。

画面左側の設定項目から「メニュー」をクリックしましょう。

図3:デザインエディタで「メニュー」をクリック

③ 現在設定されているメニューの名前が表示されます。「menu」をクリックします。

図4:「menu」をクリック

④ 現在設定されているメニューの詳細が表示されます。ここから追加、削除を行います。

図5:メニューの詳細が表示された

項目を追加する

① メニューに新しく項目を追加するには、画面左側の中ほどにある「項目を追加」ボタンをクリックします。

図6:「項目を追加」ボタンをクリック

② 新たに、項目を追加するための設定欄が開きます。

項目の追加例を参考に、メニューを追加してみましょう。

図7:追加項目を選ぶ欄が新しく表示される

例1:固定ページを追加する

サイト作成の手引「新しいページを作成する」では、既存のページとは別に新しくページを作る方法を解説しています。
新しく作ったページを常設にしたい場合には、「固定ページ」という項目から追加します。
ここでは、ウェビナー専用のランディングページを作ったので常設にしたいという例をもとに解説します。

① 追加する項目の候補の中から「固定ページ」欄を見てみます。サイトに設定されている固定ページの一覧が表示されます。

(図8のように固定ページの一覧が表示されていない場合は、「固定ページ」と書かれている右側の矢印をクリックすることで表示できます)

その中から、追加したいページをクリックすると、画面左側の既存メニューに追加されます(図9)

この時点では、あくまでも仮設定です。画面左側の上部にある「公開」ボタンをクリックするまではサイトに公開されません。

図8:追加したいページを選ぼう
図9:現在のメニューに仮設定された

③ 問題がなければ、画面左側の上部にある「公開」ボタンをクリックして、サイトに公開します。

図10:メニューが追加された例

例2:URLを指定したメニューを追加する

外部サイトのURLを指定する場合、サイトを訪れたユーザーがすぐに離脱してしまう要因になりえます。追加する際には十分に検討しましょう。

① 追加する項目の中から「カスタムリンク」をクリックします。

クリックすると設定項目が2つ表示されます。

URL
指定したいURLを入力

リンク文字列
メニューに表示する際の名前

それぞれの入力が終わったら、リンク文字列のすぐ下にある「メニューに追加」ボタンをクリックします。

この時点では、あくまでも仮設定です。画面左側の上部にある「公開」ボタンをクリックするまではサイトに公開されません。

図11:URLと表示したい名前を入力して
「メニューに追加」をクリック
図12:現在のメニューに仮設定された

② 仮設定で追加された項目をクリックすると、設定したURL、名前を確認でき、修正することもできます。

問題がなければ、画面左側の上部にある「公開」ボタンをクリックして、サイトに公開します。

図13:設定内容を確認して「公開」ボタンをクリック
図14:メニューが追加された

項目の順序を入れ替える

① 画面左側に表示されている現在のメニュー項目は、上から順に、実際のサイトでは左から並びます。項目の順序を並べ替えるには「並べ替え」の機能から行います。

現在のメニューの下、「項目を追加」ボタンの隣に「並べ替え」というリンクがあるのでクリックします。

図15:「並べ替え」のリンクをクリック

② 現在設定されている項目の表示に、上下左右の矢印が表示されるようになります。

上向きの矢印をクリックすると、順序は1つ上に、下向きの矢印をクリックすると1つ下の順序になります。希望する順序に入れ替えましょう。

図16:矢印をクリックして、順序を入れ替えよう

③ 順序が決まったら、現在のメニューの下に表示されている「完了」というリンクをクリックします。

その後、画面左側の上部にある「公開」ボタンをクリックして、サイトに公開します。

図17:「完了」のリンクをクリックしてから
「公開」ボタンをクリック

左右の矢印は、そのすぐ上にある項目との関係を変える機能を持っています。具体的には、右矢印をクリックした項目はそのすぐ上にある項目とグループ化されるというものです。

1’s Marke では、デザインを固定しているため、この機能を使うと体裁が崩れてしまいます。左右の矢印は利用しないでください。

図18:右矢印をクリックした例

項目の表示名を変える

今設定されているメニューの各項目については、表示名を変えることができます。

表示名を変えたい項目をクリックしてみましょう。クリックすると「ナビゲーションラベル」という入力欄が出てきます。

ナビゲーションラベルに、使用したい表示名を入力したら、画面左側の上部にある「公開」ボタンをクリックしてサイトに公開します。

図19:ナビゲーションラベルに
表示させたい名前を入力する
図20:ナビゲーションラベルを変えて
「公開」ボタンをクリック
図21:メニューの名前が変わった

項目を削除する

① 削除したい項目がある場合には、画面左側に表示されている現在のメニューから、該当の項目を選んでクリックします。

クリックすると、項目の詳細が表示されます。その項目内の左下に「削除」というリンクがあるので、クリックして現在のメニューから外します。

図22:項目の詳細から「削除」をクリック

② 現在のメニューから該当の項目が外れたら、画面上部にある「公開」ボタンをクリックしてサイトに公開します。

図23:該当項目が外れたら「公開」ボタンをクリック