今週気づいたこと

見て読んで知ったことをれづれなるままに

サイドバーモジュールをタブ化してシンプルに


こんばんわ、太っちょ太っちょです。 

 前から気になっていたカスタマイズを1つ導入しました。

 パソコンで右側のサイドバー見たときにこれまでは注目記事が並んでいたけど、それにタブをつけて注目記事、はてブ順、新着記事が狭い範囲で表示されるようにしました。これ便利だね。少ししゅっとした印象になった気がする。体重落ちてないけどー

参考にしたのはこちらのサイト
脱jQueryその2 サイドバーモジュールのタブ化 - cBlog


 でも、注目記事、はてブ、新着記事の順に表示されなくて困っていました。それでこのカスタマイズのオリジナルをみに行ったら解決♪

はてなブログで複数のサイドバーモジュールをタブメニューにして回遊率アップを狙うカスタマイズ - Yukihy Life

 はてなのデザイン設定画面で下記のようにモジュールを並べます。
この並びにするとタブメニューの見出し通りに記事が並びました。

f:id:hutottyo3:20170908003751j:plain
1. 赤枠はサイドバータブメニューのHTMLを入れるHTMLモジュール

2. 人気記事は注目記事で並べ方を最近のアクセスに

f:id:hutottyo3:20170908003802j:plain


3. はてぶ順は注目記事ではてなブックマークの順に

f:id:hutottyo3:20170908003808j:plain


4. 最新記事モジュールはデフォルトで

f:id:hutottyo3:20170908003820j:plain

 
 これを工夫して、記事の下にこの記事を書いた人と関連記事を並べている人もいますね。記事下をシンプルにしたい人は導入してみては?

 

 最後に、この記事を書こうとしてたら愛用しているCLCLっているタグを登録する定型文入力支援ソフトのデータが消えて慌てました。
 バックアップ撮らないと消えたときに大変だなって思った。明日やろう

みなさんもバックアップは忘れずにとりましょう!