はてなブログのサイドバーにおすすめ記事を表示させる

検索キーワードで「はてなブログでおすすめの記事を表示させる方法」を調べている人からのアクセスがありました。すでに解決したかもしれませんが、今後も同じような人がいるかもしれないので記事にしておきます。

はじめに

前提として私が知っている方法になります。もっといい方法とかあるかもしれませんのであくまで一つの方法としてとらえて下さい。この記事では「おすすめ記事」で話をすすめますが、この部分はお好みで変更して下さい。

表示件数はお好みで、画像を表示させたい場合は「サムネイル画像を表示する」にチェックを入れてください。

モジュールの最新記事を利用するので表示順が新しい順になります。例えばおすすめ記事カテゴリーに5記事あって、３つのおすすめ記事を表示させたいとします。

この場合最新の3記事しか表示されません。古い記事を含めた３記事を表示させたいということもあると思います。任意で選べないのでカテゴリーを増やして「おすすめ記事１」、「おすすめ記事２」のようにするしかありません。あまり多用するとカテゴリーが増えるので特に目立たせたい記事のみに使うのがいいと思います。

リンクを利用するやり方だとカテゴリー数が無駄に増えませんし、最新の記事から表示でなく自分の好みで表示順を入れ替えることができます。ただしサムネイル画像が表示できないのでおすすめ記事の割にあまり目立たないという欠点もあります。

サイドバーの幅が広いテーマなら下のようなブログカードで表示させることもできます。

モジュールのHTMLを利用してもできますが、リンクを利用したほうが簡単なので今回は載せません。

今回紹介したどのやり方でも、ブログのテーマがレスポンシブ対応で、スマートホンの設定をレスポンシブONにしていないとスマートホンでは表示されません。レスポンシブ設定の仕方は

「デザイン」→「スマートホンアイコン」→「詳細設定」→「レスポンシブデザイン」にチェックを入れる→「変更を保存する」でOKです。