-

スポンサーサイト

一定期間更新がないため広告を表示しています

  • Hatena Bookmark
お知らせ

スライダー、カルーセルに表示されるサムネイル画像の仕組みについて 追記

carousel明けましておめでとうございます。
いつもご愛顧頂きありがとうございます。
今年もTalamh Tairngireをよろしくお願い致します。
新年早々ですが、お知らせがありますのでご報告致します。

スライダー及びカルーセルの仕組み・注意事項について新たに解明したことを書こうと思います。

まず、画像を抽出する仕組みについて簡単にご説明します。
RSSフィードの<content:encoded>タグに格納されている記事から、画像タグを識別し、スライダー及びカルーセルに表示する仕組みになってます。
ところが、<content:encoded>タグには、HTMLタグを含めた本文のうち200文字前後しか格納されておらず、文字数がオーバーすると画像が表示されなくなってしまうことが分かりました。
本来ならば<content:encoded>タグは追記以外の全文を格納するのですが、200文字前後なのはJUGEM無料版の仕様のようなのです。
尚、有料版やロリポブログのほうでは文字数関係なく画像が表示されるようです。

ですので、今後スライダー及びカルーセルの使用したテンプレートをご利用される場合は

  • 記事の続きではなく記事の内容に記述した最初の画像タグであること
  • 拡張子は.jpg .jpeg .gif .pngのものであること
  • ファイルサイズに上限はなし
  • 外部URL(JUGEMサーバーにアップロードしたものでなく)からの画像も認識可能
  • 本文の画像タグを含めた200文字以内に、画像タグを記述すること(JUGEM無料版のみ)

となります。
一番確実なのは、<img src="画像URL" alt="代替テキスト" style="display: none;" >と先頭に記述するのが安全だと思います。

画像が表示されない事象でお困りの方がおりましたら、ご迷惑お掛けして申し訳ありませんでした。
今後は、このようなお知らせ不足がないよう徹底して参りますので、よろしくお願い致します。

スライダー、カルーセルに表示されるサムネイル画像の仕組みについて

-

スポンサーサイト

  • Hatena Bookmark

Comments

Leave a Reply