関連記事のサムネイルを表示する

どうも，筆者です．

以前，ブログの見た目を変更しようと思い，関連記事を実装した．その際，サムネイル画像が表示されなかったが，先日，修正方法が記事になっていた．

shota-natuta.hatenablog.com

こちらを参考に再度修正を行った．

ヘッダの修正

Java Script は，普段使わないので，間違えないように修正する．以下は，上記のサイトの一部引用である．

var title = el.find('title').text(); //ブログタイトル
var articleLink = el.find('link').attr('href'); //ブログタイトル
var overview = el.find('summary').text(); //ブログ概要

そして，記事を参考に，imgSrc を articleLink の下に挿入する．後で見たときに分かるように，ブログイメージとコメントを入れておいた．

var title = el.find('title').text(); //ブログタイトル
var articleLink = el.find('link').attr('href'); //ブログタイトル
var imgSrc = el.find('link[type="image/png"]').attr('href'); //ブログイメージ　←追加部分
var overview = el.find('summary').text(); //ブログ概要

最後に，html の部分をサイトの通り，書き換える．この部分は，サイトのものをそのままコピペした．

変更後

デザインの変更をした結果，以下のようになった．

修正したことで，問題なく動作しているようだ．良かった．