*

WordPressの関連記事に、Similar Postsプラグインを使ってサムネイルと概要を表示する

更新

*

ブログの記事の下に表示してる関連項目にサムネイルも表示したかったのですが、LinkWithin では精度が物足りませんでした。

Similar Posts でのサムネイルの入れ方がわからずテキストのみで放置だったところ、ウェビメモさんの記事でみごと解決させていただきましたのでそのメモです。

いま製作中の別サイトで、関連記事を各投稿の下にサムネイル付きで表示させたかったんですが、 Similar Postsの設定でいくら{image}と書いてもまったく全然サムネイルを取得してくれなかったので phpを使って表示させてやりましたよ!!!!同じ現象で困ってる人はこの方法を試してみてください!!

関連記事のプラグインSimilar Postsでサムネイル表示がうまくいく方法 | ウェビメモ

サムネイルを表示

設定 > Similar Posts > Output > Output template で、

と記述。簡単にできました、感謝!

概要も表示

ついでに概要を四苦八苦して挿入できました。

わざわざ毎回抜粋を書いてないので {excerpt } で出力される内容が多すぎ! と悩んでたのも解決です。

{excerpt:100}といったような単語数の指定に日本語などのマルチバイトが対応してないようですので、その代替として用意されてる snippet で出力。

また、途中でカットされた場合のことも考えて最後に “…” を付けて出力するようにしました。

最終的には Output template で、

という記述になってます。CSS は

にしました。サムネイルは 70px です。

WPtouch Pro では関連記事数や概要の文字数を変更

スマートフォンで表示すると、今まではテキストだけだったのでよかったのですが、サムネイルや概要が入るとさすがに5つは多い感じがしました。

公式サイトによると、オプションを上書きできるようですので、関連記事を3つに、概要を50文字に変更し、

としました。

出力内容をキャッシュしてくれるプラグイン

Similar Posts と同じ作者さんが提供されてる Plugin Output Cache プラグインもインストール。

出力内容をキャッシュしてくれますので、WPtouch Pro での読み込みが速くなりました。感謝!

ad

公開: | 更新: | WordPress ,

ad

関連記事

新着記事

薪割り機のエンジン、しばらくぶりの火入れ式

去年買って大活躍してくれたエンジン式薪割り機。そこまで長く寝か...

記事を読む

2016年フォルクスワーゲン冬のキャンペーンの写真が素晴らしい

フォルクスワーゲンジャパンの今年の冬支度を呼びかけるサイトの写...

記事を読む

薪ストーブの煙突掃除

薪ストーブの煙突掃除に挑戦です。 屋根に登っての作業がベ...

記事を読む

ワーゲンバスはやっぱり「遊び」のシンボルだ

ワーゲンバス、安定して広告に使われてますね。今は売られてないクルマなの...

記事を読む

過去記事を検索できる! buslog Antenna をアップデートしました

めっちゃ久しぶりに、空冷ワーゲンブログを巡回して一覧にする『b...

記事を読む

コメント、お待ちしてます

  1. Pingback: Linuxとかをつついてみるブログ : wordpressのプラグイン「similar posts」で関連記事が表示されなくなっていたので修正しました

  2. papas

    初めまして!貴重な情報ありがとうございます!!一つ質問なのですが、CSSはスタイルシートのどの部分に張れば良いのでしょうか??素人の質問でごめんなさい…

  3. masahiro

    初めまして。

    CSSは、使われてるテーマのstyle.cssの一番下などでいいんじゃないでしょうか。

    間違ってても表示が崩れるだけなので、試行錯誤してみてください。

コメントを残す

メールアドレスが公開されることはありません。

ad

薪割り機のエンジン、しばらくぶりの火入れ式

去年買って大活躍してくれたエンジン式薪割り機。そこまで長く寝か...

2016年フォルクスワーゲン冬のキャンペーンの写真が素晴らしい

フォルクスワーゲンジャパンの今年の冬支度を呼びかけるサイトの写...

薪ストーブの煙突掃除

薪ストーブの煙突掃除に挑戦です。 屋根に登っての作業がベ...

ワーゲンバスはやっぱり「遊び」のシンボルだ

ワーゲンバス、安定して広告に使われてますね。今は売られてないクルマなの...

過去記事を検索できる! buslog Antenna をアップデートしました

めっちゃ久しぶりに、空冷ワーゲンブログを巡回して一覧にする『b...

→もっと見る

  • follow us in feedly
  • my bus

    buslogは、Volkswagen Type2(通称ワーゲンバス、略称バス)に乗るmasahiroのサイトです。バスの日々のメンテナンスやドライブ、試したアイテム、バスやクルマ一般についての情報を主に取り上げたブログがメインです。

PAGE TOP ↑