初マタブログ〜マタニティライフ&自宅安静の暇つぶし〜

27歳 予定日は10/3です。 プレママ向け情報や休職中にやってるお小遣い稼ぎ、ハンドメイド記録を書いています。

カテゴリー選択設置!はてなブログproでなく無料版でもスマホで表示する方法

PCではサイドバーにカテゴリー一覧がはてなブログ無料版でもついていますが、スマホ版だと表示されない!!

レスポンシブデザインもはてなブログproじゃないと、カード型表示にならず見にくい(涙

ということでネットで検索…

 

おっ!HTMLでトップページにつければいいのね!!

ということが分かったのですが、スマホ版のヘッダー、フッターへのHTML記述もはてなブログproじゃないとできないじゃん(>_<)!

 

HTML記述できるのは…そう!!

記事だ!!

ということで記事にこのように上下にカテゴリ選択付けました♡

方法はこちらの記事を参考にさせていただきました

 

 

https://www.iyamaittane.com/entry/2015/11/02/073000

とても簡単☆

作業はスマホからよりもPCでやったほうがスムーズですね!

 

そして、私は個別にカテゴリー選択用記事を作って、記事管理画面から、「トップページの先頭に表示する」を選択し、ピン止めしました!(^^)!

f:id:hathumata:20190412104109p:plain

 

めんどくさい方はこれでOKだと思いますが私は各記事の下にも付けました!

カテゴリーが増える度編集しないといけませんが(笑)

先頭記事だけなら一か所編集して終わりですね!

下のカテゴリ一覧はどの記法にするかで色が変わるようです!

あなたのサイトのURL、そろそろスリムにしませんか?

 

私のようにブログ初心者でとりあえず無料の範囲でブログを快適にしてアクセス数を伸ばしたい方、お試しを(^^

カテゴリ