オンラインマニュアル

ナビゲーション



ブログ全体のグローバルナビゲーションとは異なるメニューを表示します。特定のページのみナビゲーションを変更したいときなどに使用してください。

注意点

  • スマートフォンでも横一列の表示を維持します。ラベルの文字数、ボタン数にご注意ください。
  • a-blog cms本来の「ナビゲーションモジュール」とは仕様が異なります。他のエントリーで呼び出したり、表示条件を変更することはできません。

ユニット追加画面


前半(全体)

追加クラス

ユニットを包括しているdiv要素に、class属性を追加できます。
スマートフォンで非表示にしたい場合は「hidden-xs-down」を入力してください。
クラス名のみを半角スペースで区切って入力してください。

追加属性

ユニットを包括しているdiv要素に、class以外の属性を追加できます。
属性名も含めて入力してください。

固定メニュー

「メニューを画面上部に固定する」にチェックを入れると、ナビゲーションユニットがスクロールで画面外に出ているときに、ウィンドウ上部に固定されます。

後半(メニューの各ボタン繰り返し)

ユニット追加画面最下部の「追加」ボタンをクリックすると、メニューリンクを追加できます。
左の「≡」をドラッグすると並べ替えができます。
削除する場合は、各ボタン枠右端の「削除」ボタンをクリックしてください。

ラベル

表示するテキストを入力してください。span要素などのHTMLタグを記述できます。

URL

リンク先のURLを入力してください。%{HOME_URL}などの、a-blog cmsのグローバル変数も使用できます。

_blank

チェックを入れると、リンク先が別ウィンドウで表示されます。

属性

ナビゲーションの、li要素の属性を指定できます。

子要素属性

ナビゲーションの、a要素の属性を指定できます。「class="scrollTo"」と入力すると、ページ内リンクをスクロールさせることができます。