*The Pink*確認用

テンプレート確認用のブログです

【カスタマイズ】上部固定メニューを追加する

PCで見たときに上部固定メニューを表示する

このテーマで反映するために必要なこと

  1. デザイン > タイトル下 に以下のhtmlを追加
  2. 必要な箇所をご自身のブログに合わせて書き換え

以上です。

html

<!--上部固定メニュータイトル下へ-->

<div class="sticky">
<ul class="menu">
    <li><a href="ご自身のブログURL"><i class="blogicon-home"></i>HOME</a></li>
    <li><a href="#">MENU<i class="blogicon-chevron-down"></i></a>
    <ul>
        <li><a href="/archive/category/カテゴリ名1">カテゴリ名1</a></li>
        <li><a href="/archive/category/カテゴリ名2">カテゴリ名2</a></li>
        <li><a href="/archive/category/カテゴリ名3">カテゴリ名3</a></li>
        <li><a href="/archive/category/カテゴリ名4">カテゴリ名4</a></li>
        <li><a href="/archive/category/カテゴリ名5">カテゴリ名5</a></li>
    </ul>
    </li>
    <li><a href="/about">ABOUT</a></li>
</ul>
</div>

書き換え部分

  1. ご自身のブログURLにブログのアドレスを入れてください。
  2. カテゴリ名1からカテゴリ名5にはご自身でつけたカテゴリの名前を入れてください。
  3. 日本語の場合は/archive/category/カテゴリ名を丸々消して、カテゴリーのページのurlを入れてください。

以下の記事も同時に設定をお願いします

thepink.hatenablog.com