plugin WordPress

関連記事を表示するWordPress人気プラグイン『similar posts』をたった5秒でサムネイル画像付きにできた。\(^o^)/ありがとう@kouseipapaさん。

更新日:

IMG_1370


今日は雨ですね。ブルーです。週末は平日にはあまり浴びることのない太陽光線を蓄積したいのに。
まーこの曲でも聞きながら読んで頂ければと思います。



WordPressでブログ初めて早、2か月たちました。1番最初に入れたプラグインの1つに関連記事を表示してくれる『similar posts』があります。こんな感じで投稿記事の後ろにこれもいっしょに読んでねみたいに関連記事を表示してくれる人気プラグインです。

IMG_0873


確実に仕事をしてくれる素晴らしいプラグインですが、前々からサムネイル付けたいなと思って時々ググッてはやり方を解説してくれているサイトを参考に設定をいじってたんですが、どれ一つとしてうまくいかず、まっーいーやd( ̄  ̄)とそのままにしていたんですが、昨日たまたま遭遇したサイトにめっさかんたんなやり方がのってたいたので早速トライしてみました。


⬇まず『similar posts』の設定ページにいき、"Output" をクリック。

IMG_0877


次に上記サイトにあったこのコードをOutput templateにペーストするだけです。




<li><img src={imagesrc} height="150" width="180">{link}<br></li>




heightとwidthの数値はお好みに!

ペースト後、数字を囲っているダブルクォーテーションマークは右肩のやつで統一してください。

IMG_0878


もう、超簡単です。
そしたらこんな感じに綺麗なサムネイル画像付きで関連記事が表示できます。

IMG_0879


IMG_0880


⬇こちらはiPhoneからの見た目。

IMG_0870


IMG_0871


IMG_0872


うん、完璧だ。
ありがとう@kouseipapaさん。

それでは今日はこのへんで。



このエントリーをはてなブックマークに追加
Twitterボタン

follow us in feedly



-plugin, WordPress
-,

Copyright© 英語×Mac≒時々Monetize , 2017 AllRights Reserved Powered by AFFINGER4.