ナビゲーション部分のテキスト、リンク、固定表示の解除等について要素毎に解説します。
管理画面 > [デザイン] > [(1) ヘッダ] > [(2) ブログタイトル下] のHTML記述欄にて各要素を調整して下さい。
ナビゲーションのテキストとリンク設定
<!-- ナビゲーション -->
<ul class="navbar-list">
<li><a href="/">トップ</a></li>
<li><a href="/archive/category/#">カテゴリー</a></li>
<li><a href="/archive/category/#">カテゴリー</a></li>
<li><a href="/archive/category/#">カテゴリー</a></li>
<li><a href="/archive/category/#">カテゴリー</a></li>
<li><a href="/about">About</a></li>
</ul>
-
href="〜"
の各URLを変更する事で各リンク先を変更出来ます。 -
<a>〜</a>
部分の各名称を変更する事で各ナビゲーション名を変更可能です。 - 初期では、合計6件分のナビゲーションメニューを記述していますが適宜追加や削減をしてカスタマイズして下さい。
- スマートフォンでは、ハンバーガーメニューで表示されます。
ナビゲーションの固定表示の解除
デフォルトでは、スクロールするとナビゲーションが固定表示されます。
固定表示を解除する時の手順
not-fixed
をclass="navbar"
部分に追加する事でナビゲーションの固定表示を解除出来ます。
<nav id="navbar" class="navbar">
↓
<nav id="navbar" class="navbar not-fixed">
固定表示を復活させる時の手順
not-fixed
をclass="navbar"
部分から削除する事でナビゲーションの固定表示を復活出来ます。
<nav id="navbar" class="navbar not-fixed">
↓
<nav id="navbar" class="navbar">