ボンのタネ

ご飯とか、家とか、健康とか、育児とか

【スポンサーリンク】

はてなブログカスタマイズ「Minimalism」にナビゲーションメニュー設置する方法

こんにちわ、ボンです。

 

このブログ、人気テーマ「Minimalism」使ってますが、ずっとやってなかった「ナビゲーションメニューを設置」してみました。

 

いろいろ見ながらやってみたらできました。

なにも分からないボクでもできたので、同じくらいわからない人はこれ見ながらやれば行けると思います。

 

▽ナビゲーションメニューってこれです。

f:id:ahobon:20200517170317j:plain



 

 

 

 

 

 

 

①「デザイン」を選択。

f:id:ahobon:20200517170330j:plain



②テーマの一番下「テーマストアでテーマを探す」をクリック

f:id:ahobon:20200517170344j:plain

 

③「Minimalism」をクリック

f:id:ahobon:20200517170359j:plain

④「使い方・注意事項」の下のリンクをクリックする

f:id:ahobon:20200517170410j:plain

 

 

⑤「ナビゲーションメニューを設置する」のコードコピーする

f:id:ahobon:20200517170422j:plain

 

 

⑥「デザイン」選択画面まで戻り、スパナマークをクリックする

f:id:ahobon:20200517170438j:plain

 

 

 

⑦ヘッダをクリックする

f:id:ahobon:20200517170456j:plain

 

 

⑧ヘッダ内のタイトル下に貼りつける。

f:id:ahobon:20200517170507j:plain

 


⑨コピペしたコードの中身を自分のブログ用に変更する。

 

<div class="menu"><a href="URL"><i class="fa fa-home" aria-hidden="true"></i> HOME</a></div>

 

たとえば僕のメニューならこうなります。


<div class="menu"><a href="https://www.bonnotane.com/archive/category/%E3%83%80%E3%82%A4%E3%82%A8%E3%83%83%E3%83%88"><i class="fa fa-info-circle" aria-hidden="true"></i> ダイエット</a></div>

 

赤字はURL

青字は表示名

 

URLはここ
カテゴリーの作りたい項目を右クリックして、「リンクのアドレスをコピー」して貼り付ける。

f:id:ahobon:20200517170718j:plain

 


⑩URLを貼り付けて、表示名(青字)を入力します。


<div class="menu"><a href="URL"><i class="fa fa-home" aria-hidden="true"></i> HOME</a></div>


僕のメニューならこうなります。


<div class="menu"><a href="https://www.bonnotane.com/archive/category/%E3%83%80%E3%82%A4%E3%82%A8%E3%83%83%E3%83%88"><i class="fa fa-info-circle" aria-hidden="true"></i> ダイエット</a></div>

 

ここを参考にしています。助かりました!
https://www.inside-shiina.com/entry/how-to-gnav

より詳しい説明はここへ。

ありがとうございました。

 

 

 

アイコンは考え中です。

これでできるのではないでしょうか?

 

じゃまた。

【スポンサーリンク】