フリーランス チャレンジ!!

読者です 読者をやめる 読者になる 読者になる

フリーランス チャレンジ!!

週休4日制に俺はなる!

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

ブログ

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とスマホの両方で簡易メニューバーの表示、メニューバーを押してみて

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

 

いや~素晴らしい!!

 

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

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