SIRIUSオンラインマニュアル

トップメニュー/サブメニューの設定を行う

サイトのページ数が多くなってくると、
「このページにアクセスを誘導させたい(目立たせたい)」というケース
が出てくるかと思います。

 

このような場合、トップメニュー(グローバルメニュー)を設置することで、
訪問者を特定のページへ誘導させやすくすることができます。

 

また、3カラムのテンプレートを利用されている場合は、
メインメニューとは別にサブメニューも設定することができますので、
それぞれの設定方法について解説を行っていきます。

 

トップメニューの設定を行う

サイトの上部に表示する『トップメニュー』を設定したい場合の操作方法について解説します。

 

トップメニュー/サブメニューの設定を行う

 

 

リボンバーの「編集」タブを開き、「メニューの編集」ボタンをクリックする

トップメニュー/サブメニューの編集画面が表示されます。
上部メニューの「編集」→「メニューの編集」からでも、同じ画面を表示できます。

 

 

 

新規追加ボタンをクリックする

リンクの設定画面が表示されます。

 

既に追加済みのリンクを編集したい場合は、編集したいリンクを選択した状態で

「編集」ボタンをクリックしてください。

 

 

メニュー上に表示させたいリンクを設定し、「OK」ボタンをクリックする

記事中にリンク挿入するの時と同じ手順で、リンクの設定を行います

 

サイト内のページへのリンクを作成する場合は、画面右下の「内部ページ」をクリックし、ページを選択してください。

メニューの一覧画面に、リンクが追加される

 

 

2〜3の手順を繰り返し、トップメニューに表示させるリンクを追加していく

リンクの数に応じて、メニューの幅は自動調整されるようになっていますが、
デザイン性を考えるのであれば、4〜6程度のリンク数にしておきましょう。

 

 

 

サイト上にトップメニューが表示される

「プレビュー」からトップメニューが正常に表示されているかどうかを確認してみましょう

 

トップメニュー/サブメニューの設定を行う

 

トップメニューの横幅は、『メニューの数』によって自動調整されます。
SIRIUSの仕様上、プレビュー画面では内部リンクは有効になっていないため、

リンク先の確認を行いたい場合は、サイト生成・アップロードをしてから
確認する必要があります。

サブメニューの設定方法

3カラムテンプレートなど使用している場合で、
「サブメニュー」を表示させたい場合の設定方法を解説していきます。

 

トップメニュー/サブメニューの設定を行う

このページでは、サブメニューに画像を設定する形式で解説していきます。
通常のテキストリンクでサブメニューを設定したい場合は、リンクを設定する部分で通常のテキストを入力してください。

 

リボンバーの「編集」タブを開き、「メニューの編集」ボタンをクリックする

トップメニュー/サブメニューの編集画面が表示されます。
上部メニューの「編集」→「メニューの編集」からでも、同じ画面を表示できます。

 

 

 

「サブメニュー」タブを開く

 

 

新規追加ボタンをクリックする

上部メニューにある「新規追加」を選択すると、リンクの設定画面が表示されます。

 

 

既存のサブメニューを編集したい場合は、「編集」ボタンをクリックしてください。

 

メニュー上に表示させたいリンクを設定し、「OK」ボタンをクリックする

記事中にリンク挿入するの時と同じ手順で、リンクの設定を行います

 

このマニュアルでは、サブメニューに画像を設定する形式で解説をしています。
通常のテキストリンクとして指定したい場合は、「テキスト(リンクタグ)」の項目にテキストを指定してください。

内部ページへのリンクを作成する場合はリンクの挿入時と同様に、

画面右下の「内部ページ」をクリックしてください。

 

メニューの一覧画面に、リンクが追加される

 

 

2〜3の手順を繰り返し、サブメニューに表示させるリンクを追加していく

サブメニューに表示させたい分だけ、リンクを追加していきましょう。

 

 

サブメニューに関しては、作成できるリンク数に上限はありません。

 

 

見出しを入力する

サブメニューの見出しを入力します。
デフォルトでは、「サブメニュー」という文言が入力されていますが、
これを変更したい場合に編集してください。

 

 

 

(画像リンクにする場合)「画像リストにする」という項目をオンにする

画像リンクによるサブメニューにしたい場合は、
「画像リストにする」というチェックを入れます。

 

通常のテキストリンクの場合は、
「画像リストにする」の項目はオフの状態にしておいてください。

 

 

 

画面下部の「OK」ボタンをクリックする

 

↓↓↓