外部ドメインのサムネイル画像を表示する(途中) : WordPress


一覧ページに外部ドメインのサムネイル画像を表示する方法についてもメモ。

実現したいことは、投稿の際にimgタグのsrc属性で外部ドメインを指定した画像のサムネイルをアーカイブで表示すること。
つまり投稿画面でWordPressのアップロード機能を利用していない画像を一覧画面にサムネイル表示することだった。

上記はうまくいかなかったが、模索する中でアップロードした画像をサムネイル表示する方法について調べたのでメモする。

WordPress2.91?以降では管理画面で「アイキャッチ画像」に設定した画像を表示できるが、
本記事は投稿画面で「アイキャッチ画像」を設定していない場合にサムネイル画像を表示する方法をメモしている。

アップロード画像をサムネイルとして表示

WordPressは画像アップロード時にサムネイルを自動で作成する ので、テンプレートタグを記述して取り出すことができる。

複数画像をアップロードした場合は最初の画像のサムネイルを表示する方法の概要。管理画面で「アイキャッチ画像」を設定した場合はテンプレートタグで簡単に取得できる。今まではサムネイル表示はプラグインPost Thumbsを利用していたので、下記の方法は試していない。

  1. get_childrenで画像IDを取得する
  2. wp_get_attachment_imageもしくはwp get attachment image srcでサムネイル画像のHTML,もしくは画像URLを取得

» get_children
» wp_get_attachment_image,wp get attachment image src
» フォーラム » 画像URLの取得 wp_get_attachment_image_src

» Post Thumbs: WordPress

投稿の際にimgタグのsrc属性に外部ドメイン指定した画像のサムネイルをアーカイブ画面で表示することは模索中。

コメント


  1. はじめまして。
    私も同じことをやろうとして個々にたどり着きました。
    http://www.meblog.info/290.html
    これとか参考になるのでは?

    コメント by しゅひ — 2010-10-15 @ 3:43 PM

  2. しゅひさんへ
    コメントありがとうございます。

    ご紹介いただいたサイトを拝見しました。
    画像の表示について詳しく掲載されており、勉強になります。

    ありがとうございます。

    コメント by findxfine — 2010-10-15 @ 4:15 PM

  3. さらにしらべているのですが、以下のものを今度試してみます。
    http://theblemish.com/post-thumbs-plugin/

    フォーラムで見つけました。
    http://ja.forums.wordpress.org/topic/271

    コメント by しゅひ — 2010-10-18 @ 11:23 PM

  4. しゅひさん

    コメントありがとうございます。Post Thumbsは僕もWP2.7のときに利用させてもらっていました。とても使いやすいプラグインです。その時に書いた記事があります。
    https://findxfine.com/programming/wp/1908.html

    しゅひさんがWP3でしたらサムネイルを表示する場合は、トラベローグさんの下記の記事が参考になるのではないでしょうか。
    http://www.travelogue.jp/blog/archives/1418.html

    記事が書きかけで言葉足らずになって申し訳ありません。
    やりたかったことは、Tumblrに画像を投稿すると自動的にWordPressへも投稿が行われ、アーカイブ一覧に自動投稿された記事のサムネイルを掲載することでした(すいません、記事ではそのようには書けていません)。

    現在、FeedWordPressというプラグインを使うことでTumblrへ投稿した際にThumblrが配信するRSSフィードを使って読み込んでWordPressへ自動的に投稿するとこまでできました(Galleryページがそうです)。

    私は2.7から3.0へバージョンアップしました。WP3.0で上記の方法で自動投稿した記事の画像ではサムネイルが自動作成されないようです。そこでデータベースから元画像を引っ張ってきて表示したいと思いました。その際、できればサムネイル用に元画像をリサイズしたいと思っています。

    コメント by findxfine — 2010-10-19 @ 11:09 AM

  5. 色々と教えて下さって、ありがとうございます。
    そして私が勘違いしていたみたいです。

    私の方では、以下のページを参考に対応することができました。
    http://bulblub.com/2010/04/06/post-thumb-revisited-%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%97%E3%81%9F%E6%99%82%E3%81%AE%E6%B3%A8%E6%84%8F%E7%82%B9/

    RSSフィードを使って読み込んでWordPressへ自動的に投稿の仕組みはよくわかりませんが、記事を使って外部URLの画像を取り込むにはこのプラグインが便利でした。

    コメント by しゅひ — 2010-10-21 @ 11:02 PM

  6. しゅひさんへ

    こちらこそありがとうございます。
    紹介いただいたリンクを見ました。
    Post-thumb Revisitedというプラグインを初めて知りました。

    サムネイル画像周りは興味があるので参考になります。

    コメント by findxfine — 2010-10-22 @ 2:01 PM

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。