ブログの全記事一覧ページに、サムネイルを表示しました

2016年9月6日

色んな方のサイトを拝見していると、ブログの全記事一覧ページや新着記事一覧のタイトル左横にサムネイルが付いているサイトをよく見かけます。タイトルは勿論重要ですが、大概の方はまず、文章よりも画像の方に目が行くのではないでしょうか?かく言う私もその一人です。何よりよく目立つので、このホームページにも導入したいな、と思うようになりました。しかし、ここ最近ホームページをカスタマイズしていく中で、自分が如何に無知であったかを痛感している私。「あれって、どうすれば表示されるんだろう・・・?」からスタートです。いや~、実に大変でした。まずはやり方を調べることから始まりました。このホームページはWordPressで作成していますので、調べて行くと記事を新しく書く際に「アイキャッチ画像」を設定すれば、表示出来るようです。・・・っが!このホームページを立ち上げた当初は、そんなこと知る由もなかったのです・・・。しかし、知った所で現時点で200記事を超えているこのホームページ。今から過去の記事に一つ一つ、「アイキャッチ画像」を設定していくなんて気の遠くなる作業です。おまけに、最初から画像や写真のない記事も沢山あります。万事休す、諦めるしかないのかな・・・と思っていた矢先、救世主となるプラグイン(拡張機能)を発見。「Auto Post Thumbnail」というプラグインです。その名の通り、最新の記事から過去の記事まで一括して自動で記事の中の写真や画像をサムネイル化してくれます。とても素晴らしいプラグインなのですが、このプラグインは写真や画像が含まれていない記事はサムネイル化してくれないのです。記事の中に写真や画像がない場合は、替わりとなる画像を表示させる必要があるのですが、その方法も全く上手く行かず・・・。基本、慣れるまではPHPファイルは余程のことがない限り弄らない、というのが私のポリシー(その分、プラグインで補うしかないので、私なりに厳選したプラグインだけをインストールしています)。話が横道に逸れましたが、私がやりたいと思っていることを整理してみますと、

①記事の中に写真や画像が含まれている場合は、一番最初の写真や画像をサムネイルとして表示する

②写真や画像の含まれていない記事には替わりとなる画像をサムネイルとして表示する

の2つ。

この2つ、本当に厄介でした。情報が意外とないんですよ。あってもPHPファイルを弄るしかなくて、やってみても全く自分の意図した表示にならないのです。またも、八方塞がり状態に。何とかならないものか・・・と頭を抱え、悩むこと数日。時間ばかりが過ぎて行きます。悩みに悩んで、血眼になってインターネットを彷徨うこと数日。昨日、やっと私の望みを叶えてくれるプラグインを発見しました。「Default Thumbnail Plus」というプラグインです。このプラグインに、写真や画像の含まれていない記事に替わりとなる画像を登録する、という機能と、記事中の写真・画像から一番最初の写真と画像をサムネイル化するという機能があったのです。つまり、①と②の問題が同時に解決出来たのです!!\(^o^)/最初は、「Auto Post Thumbnail」と競合するかも知れない、と心配していたのですが、その心配は杞憂に終わりました~!!(≧▽≦)ただ、「HOME」のページ(固定ページ)にデカい写真(過去にアップロードした写真の一つです)がドーンと表示されてビックリしました。これは現在使用しているテーマによるもので、件の固定ページの「アイキャッチ画像を自動挿入しない」にチェックを入れることで消すことが出来ました。それにしても、ああビックリした(^_^;)でも、安心するのはまだ早いのです。今回の作業をしたことで、他にも不具合が出ているかも知れません。慎重に様子を見て行きたいと思います。ちなみに、サムネイルとは一枚目の画像の青枠で囲った部分です。昨日の記事をキャプチャしてみました。それから、写真や画像のない記事には二枚目の写真がサムネイルとして表示されています。

thumbnail

ochamaru

The following two tabs change content below.

めぐみん

「宇治のお茶まる」の広報。ホームページの作成、管理、メンテナンスを担当。