ブログに簡易メニューバーを追加しました!

ブログ

f:id:ksakae1216:20160730090430p:plain

みなさん、コウタロウです!!

 

おしゃれなブログや私がいつも読ませてもらっているブログで

気になるところがあります。

 

それは、

f:id:ksakae1216:20160730090710p:plain

Googleで調べると、「メニュー」とか「簡易メニューバー」とかで

紹介されています。

 

この簡易メニューバーを押すと、その記事のブログでメニューバーに

記載されているカテゴリーの記事のみを表示してくれます。

 

はてなや、Google検索、Twitterからそのブログに辿り着き、気になる

記事を読んで、さらに興味があれば、カテゴリー化された記事から

他の記事をさらに読む。

 

記事をいっぱい読んで貰う機会が増えそうです。

 

【目次】

  • 注意点
  • 最後に
  •  

    カスタマイズの簡単手順

    カスタマイズの手順はとても簡単です!!

    下記の記事を参考にして下さい。

    maroom.hateblo.jp

     

    HTMLとCSSを追加し、自分が表示したカテゴリーを記載するだけで

    OKです。

     

    全部で3ステップです。

     

    ステップ1

    ヘッダの「タイトル下」にHTMLコードを貼り付け。

     

    ステップ2

    貼り付けたHTMLコードの修正です。

     

    自分が表示させたい、リンク先、タイトルを修正します。

     

    リンク先ですが、自分のブログで表示したいカテゴリーをブラウザで

    開き、そのURLをリンク先として記載して下さい。

    ↑↑↑

    ここすごく大事!!

     

    ステップ3

    デザインCSSにコードを貼り付け。

     

    注意点

    手順はなんと、これだけです。

    簡単ですよね。

     

    ただ、注意点としては、「ステップ2」に大事と書きましたが

    必ず表示できるURLにすること!!

     

    紹介した記事元でも記載してますが、HTMLコードをそのまま記載して

    リンク先のURLを変更してないパターンや他の人のブログをリンク先に

    しているなどの失敗があるそうです。

     

    気をつけて!!

     

    最後に

    早速私のブログも簡易メニューバーを追加しました!!

     

    PCとスマホの両方で簡易メニューバーの表示、メニューバーを押してみて

    カテゴリーされた記事が表示されることを確認しました。

     

    いや~素晴らしい!!

     

    手順も簡単ですし、ブログを訪れた人にもカテゴリーされた記事を

    紹介できるのでホントおすすめですよ!!

     

    コメント

    タイトルとURLをコピーしました