Colorful Days

様々な事に興味がある筆者の日々

【ブログカスタマイズ】ZENO-TEALのグローバルナビゲーションの使い方

f:id:cristarin1120biz:20180823195133p:plain

久しぶりにブログのカスタマイズを更新しました。

 

だんだんこの雑記ブログも雑記といえば雑記なんだけど、カテゴリーが決まってきているところがあるので、その注目カテゴリーがこれだっていうのをわかりやすくしてみました。

 

 

 

タイトル下のグローバルナビゲーション

 

今もしっかり使っているZENO-TEAL。
といっても俺の知識が足りなくてずっとこれを使っているんだけどねw

 

でも全然不満はありません、満足して使っています。

 

ただ、導入する時に既にあった、『タイトル下のグローバルナビゲーション』というのの使いみちがわかりませんでした。

 

おすすめ記事は記事だからわかるんですけど、これ何に使うん?
って感じでした。

 

おそらくはおすすめのカテゴリーを設定するんだろうなと思ったのでカテゴリーとして使用することとします。

 

 

使い方

 

今回も使わせていただいている+参考にさせていただいているのでご紹介です。

zeno-teal.hatenablog.com

 

 

では、書いてあるとおりといえばそのとおりなんですが、たーきーとしての文字で。

 

ブログのデザイン設定を開く→スパナマークのカスタマイズタブを開く
→ヘッダにあるタイトル下の入力欄にこちらのコードを入力します。

 

<div id="zeno-menu">
<ul class="zeno-menu">
<li><a href="">SAMPLE1</a></li>
<li><a href="">SAMPLE2</a></li>
<li><a href="">SAMPLE3</a></li>
<li><a href="">SAMPLE4</a></li>
</ul>
</div>

 

以上ってぐらいに、紹介ページでは終わっています。

 

え? まじ? この先どうすんの??
ってなったんですが、自力で解決できたのでその続きをご紹介します。

 

 

ちなみに上記のコードはおすすめ記事の上に入力をすれば、きちんと上にきますが、逆に下に入力をすれば下にきます。

特にこだわりがなければ上に入力をしておきましょう。

 

 

また、このコードのままだとわかりづらいので…

 

<div id="zeno-menu">
<ul class="zeno-menu">
<li><a href="カテゴリURL">カテゴリ名</a></li>
<li><a href="カテゴリURL">カテゴリ名</a></li>
<li><a href="カテゴリURL">カテゴリ名</a></li>
<li><a href="カテゴリURL">カテゴリ名</a></li>
</ul>
</div>

 

これをそのまま使ってください。

 

カテゴリURLの調べ方ですが…

 

f:id:cristarin1120biz:20180823192719p:plain

 

例えばこの車関連というのを設定したいとします。
まず、ここをクリックします。

 

開いた先でURLが出ます。

 

f:id:cristarin1120biz:20180823193125p:plain

 

こんな感じで。
これをそのままコピーして、上記のカテゴリURLというところに貼り付けをしてください。

 

最後に

これで散らかっていた雑記ブログがちょっと整理ができて、尚且よく書いているカテゴリーを紹介できました!

 

 

今日も読んでくれてありがとう!

良かったら他の記事も読んでみてね!