はてなブログテーマ[Debriefing]

はてなブログテーマ「Debriefing」のデモページ

【カスタマイズ】ヘッダーにグローバルナビゲーションを表示させる方法

【カスタマイズ】ヘッダーにグローバルナビゲーションを表示させる方法

はてなテーマ「Debriefing」では簡単にヘッダーにグローバルナビゲーションを表示することができます。

やり方は簡単です。

管理画面から「デザイン」→「カスタマイズ」→「ヘッダー」→「タイトル下」へ順番に進み、下記のコードをコピペして保存すれば完了です。

<nav class="global-navi">
  <div class="toggle-menu">
    <input id="toggle-item" type="checkbox">
    <label class="three-line" for="toggle-item">&#x2630;</label>
    <label class="overlay" for="toggle-item"></label>
    <ul class="menu">
      <li><a href="">カテゴリ</a></li>
      <li><a href="">カテゴリ</a></li>
      <li><a href="">カテゴリ</a></li>
      <li><a href="">カテゴリ</a></li>
      <li><a href="">カテゴリ</a></li>
      <li><a href="">カテゴリ</a></li>
    </ul>
  </div>
</nav>

aタグのリンク先の指定と「カテゴリ」の部分は適宜変更してください。