はてなブログテーマ「Pucca」のカスタマイズ方法

はてなブログ

更新日:2019年11月9日(土曜日)

このページでははてなブログのテーマストアで無料配布中のテーマ「Pucca」のカスタマイズを紹介します。

ヘッダーにグローバルメニュー設置

グローバルメニュー見本:

はてなブログテーマ「Pucca」にグローバルメニューを設置するには、はてなブログの設定画面より以下のHTMLをコピペしてください。


<ul id="global-menu">
    <li><a href="#">test</a></li>
    <li><a href="#">test2</a></li>
    <li><a href="#">test3</a></li>
    <li><a href="#">test4</a></li>
</ul>

「#」をリンクしたいURLに、「test」をお好みの文字に変更すればヘッダーにグローバルメニューが設置できます。

項目数の変更


    <li><a href="#">test5</a></li>

行を増やしたり減らしたりすることでグローバルメニューの項目数を増やしたり減らしたり自由にできます。

あなたに合う記事はこちら

はてなブログテーマ「Pochi」のカスタマイズ方法

はてなブログテーマ「Poteko」のカスタマイズ方法