【ウェブリ】テーマ一覧サムネイルが表示されるかの実験投稿 ~と、原因分析~

ベル01

(写真の内容は記事とは無関係ですが、画像設定は本記事と関係があります(^^;) divのパターン)



先の記事(まだ直ってないか・・・ 一覧のサムネイルが自分の記事だけ表示されない (^^;))で、

ずっと登録テーマの新着一覧に縮小画像(サムネイル)が表示されてないっぽい事を書いたけど、

記事HTMLソースを他の方のと比較する限り、想定していた自分のJavascript+DOM処理に

影響されて・・・という事では無さそうです。


HTMLスキャンしてるにしろ、DOM操作しているにしろ、

記事本文(<td id="blog-body">)の外枠構造に仕様変更は無いみたいで、

ヤバそうな違いは無かった。


そうすると、

どのタイミングで、何をキーにして、元記事の最初の画像を取り出しているか?

だけど、


とりあえず何をキーに?サムネイルが作成/表示されているのか、

他のうまく表示されている方のソースで調べてみた。



すると、

眺めていて疑わしい可能性を発見



次の2つが、うまく行っている記事の画像部と、テーマ一覧の画像部の比較。


1.うまく行っている記事の最初の画像要素のソース

【記事タイトル】面白い写真

<div align="center"><a href=http://XXX.at.webry.info/201403/img1_18.000000000000000000000.html target="_self"><img src=https://userdisk.webry.biglobe.ne.jp/005/079/35/N000/000/023/000000000000000000000_記事最初の画像.jpg alt="画像" width="320" height="213" class="up-image" title="画像ページを表示します" /></a></div><br />


2.テーマ一覧のソース

<a href="http://XXX.at.webry.info/201403/article_18.html">
<img src=https://webryblog.biglobe.ne.jp/c/d/cd853562xx/images/userdisk-webry-biglobe-ne-jp-005-079-35-N000-000-023-000000000000000000000_記事最初の画像-jpg_120x90.jpg

class="themeentry_large_image" width="127" height="84" border="0" align="right" alt="面白い写真" title="面白い写真" /></a>


これを見ると、

サムネイル画像をどこかのタイミングでシステムが生成して、それを割り付けて完成させているようです。

そして、システムが、alt/title属性に記事タイトルを割り付けているようですね。



そして、自分のサムネイルが表示されないソースはというと、


3.うまくいかない自分の記事の最初の画像要素のソース

</p> <p><a href="http://yasumin001.at.webry.info/201403/img1_19.139471512483396580225.html"><img src="https://userdisk.webry.biglobe.ne.jp/008/922/78/N000/000/048/139471512873282177227.jpg" alt="ディズニーチケット有効期限切らしちゃったよ" width="702" height="527" border="0" style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="ディズニーチケット有効期限切らしちゃったよ"></a> </p>

となってます。


怪しいのは、divとclassかな。



自分は、基本的に、Windows LiveWriterを使って投稿していますが、

今まで出来ていた事と、LiveWriterの動作仕様を併せて考えると、

(旧) 記事body部にあるimgタグの最初の画像を取り出す

       ↓

(新) class="up-image"の最初の画像を取り出す

(新) 記事body部にある最初のdivタグのimgタグの最初の画像を取り出す

てな感じに変わったのかと。

実現方法は様々ですが、とりあえず、この辺りにあたりを付けてやってみますか・・・



という事で、まずは、

Windows LiveWriterの[ソース]画面で、

直接ソースに手を入れて本記事を作成。



これで、テーマ写真に新着登録された記事概要にどちらかの画像が表示されていれば、

原因と対処方法が確定。


これ以外をキーにされたり、HTMLソースなめてたり、

Web-I/Fの新規作成時のタイミングで実は生成!、

とかやられてると

非常にやっかいなんでこれで解決して欲しいんだけど・・・


さて、どうかなぁ~?


ちょっと変わった建物01

(写真の内容は記事とは無関係ですが、画像設定は本記事と関係があります(^^;) class="up-image"のパターン)


~おわり~

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 1

なるほど(納得、参考になった、ヘー)

この記事へのコメント


この記事へのトラックバック

さて、【ウェブリ】テーマ一覧サムネイル非表示は直ったか?
Excerpt: 【ウェブリ】テーマ一覧サムネイルが表示されるかの実験投稿 ~と、原因分析~で 書いたように、 この記事自体の写真がサムネイル画像として表示されているればOKです。 さて、 テーマ「写真」のペー..
Weblog: 天人鳥のいる暮らし
Tracked: 2014-03-15 22:33

WLW: ウェブリテーマ新着一覧のサムネイル表示障害を直す方法~まとめ編~
Excerpt: (ワタクシは、Windows Live Writerにより投稿していて影響を受けています) 経緯の整理してみるか コトの発端はウェブリの仕様変更 コトの発端は、ウェブリの画像表示の仕様が..
Weblog: 天人鳥のいる暮らし
Tracked: 2014-07-07 06:09