作業中のメモ

よく「計算機」を使って作業をする.知らなかったことを中心にまとめるつもり.

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

どうも,筆者です.

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

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 の部分をサイトの通り,書き換える.この部分は,サイトのものをそのままコピペした.

変更後

デザインの変更をした結果,以下のようになった. f:id:mathematicsphysical:20170409004524p:plain

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