ruribitaki (sample)

テーマ「ruribitaki」のサンプルです

ブログタイトル下のメインメニューの表示方法

※今後、修正などで仕様を変更する可能性があります。最新情報はこの記事に追記していきます。

このサンプルブログのようにブログタイトルの下にメインメニュー(HOME、MENU1など)を表示したい場合、
ブログの管理画面から [デザイン] をクリックし、[カスタマイズマーク] → [ヘッダ] と進み、[タイトル下] に下記のように記入します。

f:id:machamochi:20210128215626j:plain

<nav id="main-menu">
    <div class="main-menu-inner">
        <ul>
            <li><a href="ここにアドレスを入力">メニューの名前を入力</a></li>
            <li><a href="ここにアドレスを入力">メニューの名前を入力</a></li>
            <li><a href="ここにアドレスを入力">メニューの名前を入力</a></li>
        </ul>
    </div>
</nav>

[ここにアドレスを入力] に開きたいページのアドレスを入力してください。
""は消さないように気を付けてください。

[メニューの名前を入力] にHOMEやMENU1など、実際に表示したいメニューの名前を入力してください。
周りのカッコなどを間違って消してしまわないように気を付けてください。

メニューの数を変えたい場合は行を減らすか、コピペして増やしてください。
メニューの名前が長かったり、数が多すぎる場合はレイアウトが崩れてしまいますので、確認しながら調整してください。