はてなブログの記事下にサムネイル付きの関連記事をランダムに出す方法の機能説明やカスタマイズ方法を簡単にお知らせします。

はてなブログの記事下にサムネイル付きの関連記事をランダムに出す方法が思ったよりブックマークしていただいているようなので、機能やカスタマイズの解説をしたいと思います。

jitenshaya-se.hatenablog.com

主な機能

• 記事に設定されているカテゴリと同じカテゴリの記事をランダムに表示
• 記事毎のサムネイル画像・タイトルを表示
• 幅の広いブラウザ（≒PC）の場合に本文の最初の150文字を表示

その他の機能

• 1記事に複数のカテゴリが設定されている場合にも対応
• カテゴリ毎に表示する記事の件数を指定可能
• 404エラー＋プロフィール画面にも主要カテゴリ（自分で指定したカテゴリ）の一覧を表示

関連記事の表示対象のURL

情報量が多くなり過ぎないように関連記事を表示するページを限定しています。

・TOPページ

https://jitenshaya-se.hatenablog.com/

※ただし、記事を複数表示している場合は表示しません。

・個別の記事ページ

https://jitenshaya-se.hatenablog.com/entry/************

・ブログの説明ページ

https://jitenshaya-se.hatenablog.com/about

・404エラーページ

https://jitenshaya-se.hatenablog.com/error

関連記事を表示しないURL

カテゴリ別のページは重複した内容になってしまうので、表示しないようにしています。

・カテゴリ別アーカイブページ

https://jitenshaya-se.hatenablog.com/archive/category/******

・月別アーカイブページ

https://jitenshaya-se.hatenablog.com/archive/(YYYY)/(MM)

カスタマイズ項目

カスタマイズ可能な項目の説明とカスタマイズ方法をお知らせします。

カテゴリ毎に表示する記事の件数の指定方法

javascriptの11行目

var maxEntries = 3;

こちらの数字を変更することで、カテゴリ毎に表示する記事の件数を指定できます。

404エラー＋プロフィール画面に表示する主要カテゴリの指定方法

javascriptの26行目

categorytags = ['自転車屋','お酒','はてブロ'];

こちらの文字を自分のブログのカテゴリ名に変更することで指定可能です。

 はてなブックマークを沢山してもらえたので、舞い上がって偉そうに解説記事を書いてしまいました・・・。