アイキャッチ画像に外部URLを指定して一覧画面に表示する方法

PR 2016/4/6

このトピックには3件の返信、1人の参加者があり、最後にK16により10年、 2ヶ月前に更新されました。

3件の返信スレッドを表示中

投稿者

投稿
- 2016年4月5日 4:36 PM #38678
  
  K16
  ゲスト
  
  Nelio External Featured Imageというプラグインを使い、画像は外部の（別ドメイン・別サーバーの）URLを指定して、アイキャッチ画像を表示させようと思っています。
  上記プラグインにてURL指定すると、本文中に画像を挿入する場合は問題なく表示され、アイキャッチ画像の指定も取得できているようなのですがトップ画面では「NO IMAGE」画像となってしまいます。
  
  ただ、投稿一覧ではアイキャッチが表示されるのですが、なぜか75*75ではなく100*100のサイズで表示され枠からはみ出ている状況です。
  この部分をデベロッパーツールで見ると下記のようになっています。
  
  またこちらのサイトを参考に、下記コードを子テーマのcssに追記してみましたがうまくいきませんでした。
  
  /* 外部urlのアイキャッチのサイズを指定*/
  img.nelioefi {
  min-width:590px;
  }
  
  WordPress.comのFAQを参照して下記コードも試してみましたがだめでした。
  
  img.nelioefi {
  min-width:100px;
  min-height:100px;
  }
  
  この場合プラグイン側で画像取得する部分を修正しなければならないのか、それともcss追記の方法でどうにかなるのか、また具体的な解決法など教えていただければ幸いです。
- 2016年4月5日 4:38 PM #38679
  
  K16
  ゲスト
  
  （修正）デベロッパーツールで見た部分はこのようになっています。
  
  ＜img src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ style=”background:url(‘http://livedoor.blogimg.jp/kanko_hachinohe/imgs/2/8/28ba4c14-s.jpg’) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:100px;height:100px;” class=”attachment-thumb100 wp-post-image nelioefi” alt=””＞
- 2016年4月5日 9:56 PM #38690
  
  Hidekichi
  ゲスト
  
  imgタグをjsFiddleで表示させてみた所、普通に画像は表示するので、そのプラグインのせいというよりキャッシュやもしかしたらphotonとかを利用していてそれが問題なのかも知れません。
  そのあたりの再確認をしてみて下さい。
  
  参考: 掲載imgタグをそのまま表示 | jsFiddle
- 2016年4月6日 6:02 AM #38705
  
  K16
  ゲスト
  
  Hidekichiさん
  
  ありがとうございます。
  Hidekichiさんのアドバイスでハッとして一度Nelio External Featured Image以外の全てのプラグインを停止して試したら表示されたので、そこから1つずつ有効化していったら干渉していたプラグインが特定できました。
  Default Thumbnail Plusというプラグインでした。
  ありがとうございました。
投稿者

投稿