デモサイトのようなグローバルナビゲーションを設置したい方は、下記のコードをダッシュボード > デザイン > スパナマーク > ヘッダに入れてください。
<!--グローバルナビゲーション--> <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はテーマに組み込まれているので、これだけでお使いいただけます。