のんびりハピハピな暮らし(^^♪たぬき流の生き方

のんびり生きましょうwww.tanuki3838.work

はてなブログトップにカテゴリ一覧を表示する方法、色も変えられるレスポンシブなメニューの作り方

こんにちは、たぬきです✩

f:id:tanuki3838:20190619232831p:plain

ブログのヘッダー部分にカテゴリーを置きたい

CSSって何?
そんなたぬきでもブログトップにカテゴリー一覧を設置することができましたので紹介します。

参考にさせていただいたブログはこちら

検索したところ、とても分かりやすい記事があったのでご紹介します。


www.yukihy.com


『CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方』


たぬきさんには暗号のようなタイトルなんですが(^^;)

ブログトップにカテゴリ一覧を表示する方法が書かれています(^^♪


ほぼコピペでOKというのがありがたいです(>_<)


大まかな手順を紹介

デザイン→カスタマイズ→デザインCSSの場所に指定されたコードをコピーして貼る(コピペのみ)

デザイン→カスタマイズ→ヘッダ→タイトル下の場所に指定されたコードをコピーして貼る(コピペのみ)

タイトル下に貼ったコード内を編集(表示するカテゴリ名とカテゴリのリンク先URLをコツコツ入力)

幅と色を好みで編集


リンク先のブログを見ると、めっちゃ難しそうなのですが、実際に行うのは上記3手順です(^^♪


この手順を知ったうえで、こちらのブログを読むと、とても理解しやすいと思います(*'ω'*)

www.yukihy.com:embed:cite]

たぬきさんが設置したメニューはこちら

f:id:tanuki3838:20190619223704p:plain

いい色を選ぶことができた☆

他の方がこのメニューを設置しているのを見たときには、一体どうやっているのかと謎だったのですが。

参考にさせていただいたブログのおかげで設置することができました(ほぼコピペ)


難しそうに最初は思ったのですが、やってみるとどうにかなりますので(^^♪

ぜひ設置してみてくださいね☆


このブログ内の広告による収益は、うちの猫のごはん代にしますฅ•ω•ฅありがとうにゃー♡