Cappuccino

テーマ【Cappuccino】DEMOサイトです

グローバルナビゲーションの設置方法

デモサイトのようなグローバルナビゲーションを設置したい方は、下記のコードをダッシュボード > デザイン >  スパナマーク > ヘッダに入れてください。

<!--グローバルナビゲーション-->
  <div id="nav-drawer">
      <input id="nav-input" type="checkbox" class="nav-unshown">
      <label id="nav-open" for="nav-input"><i class="blogicon-reorder g-nav-icon"></i><span class="mini-text">メニュー</span></label>
      <label class="nav-unshown" id="nav-close" for="nav-input"></label>
      <div id="nav-content">
          <label class="nav-close" for="nav-input"><i class="blogicon-close"></i>CLOSE</label>
              <ul class="g-nav">
                 <li><a href="ここにURLを入れてください">ホーム</a></li>
                 <li><a href="ここにURLを入れてください">カテゴリ1</a></li>
                 <li><a href="ここにURLを入れてください">カテゴリ2</a></li>
                 <li><a href="ここにURLを入れてください">カテゴリ3</a></li>
              </ul>
      </div>
  </div>

ここにURLを入れてくださいの部分にURLを入れてください。

カテゴリを増やしたい方は<li>~</li>の部分をコピペすれば増やすことが出来ます。

「ホーム」や「カテゴリ」の文字を変えて下さい。

767px以下になると右上のハンバーガーメニューに格納されます。 

CSSはテーマに組み込まれているので、これだけでお使いいただけます。