サイドメニューにタブを作った

 

これも備忘録に。

サイドメニューのカテゴリー、月間アーカイブ、検索をまとめて1つにしてタブによる切り替えにした。

 

www.yukihy.com

こちらの記事の通りにしたらできました。大変お世話になりました。

 

 このコードを「フッター」にコピペした後に、コード内の「タブ〜」の部分に、自分が加えたタブ1~タブ4までのクラスを、下を参考に入れてください。

のところだけ、一度うまくいかなかった。 

.hatena-module-category
/*カテゴリ*/

みたいに/*~~/*の部分も一緒にコピペしてたんだけど、それだとうまく機能しなくて、その部分を消すとちゃんとなった。

/*~~/*は入れても影響ないコードなのかと思っていたけど、そうでもないのか。よく分からないけど。

 

【追記】様々ご教示いただき、ありがとうございました。不正確な言及で大変ご迷惑をお掛し、誠に申し訳ございませんでした。

 

それから記事下のほうの

タブになるまでに一瞬崩れるのを防ぎたい

っていうところもやりたかったんだけど、これは色々試してみたけどうまくいかなかった。残念。仕方ないな。

 

それであんまり色々いじってページが重くなってもいけないと思って、「人気記事一覧」とかトップページ記事一覧の数も減らした。どれくらい意味あるのか分からないけど。でもあんまりたくさん出してても邪魔なだけだと思うし、ちょっと見てもらえれば十分なので。

 

でもこれで少しは全体的にコンパクトになったかな。

今日のところはこれでよしとしとこ。