投稿の最初の画像を取り出して、、だけど。

2015/10/06

 投稿の最初の画像を取り出して、トップページで新着リストを表示する。という方法は、「最初の画像」で検索すると参考になるサイトがたくさんあるので助かります。

スマホサイトなどで利用しています
スマホサイトなどで利用しています

 ところで、その最初の画像ではなく最後の画像が表示されるようなことになったので、なぜか?っていろいろ動かしてみた結果。

1.写真だけを並べて「メディアを追加」した場合。
 最後の画像が表示される
 テキストモードで見ると、すべてのタグが一連に並んだ状態。

<img src="***00001" /><img src="***00001" /><img src="***00001" />

〇対策:これをテキストモードでそれぞれの画像表示部分「/>」で改行することで、最初の画像になる。

2.最初に画像を置いて、その下にテキスト(記事・コメント)を記入、さらにその下に数枚の写真を配置した場合。
 この場合、最初の写真につづいてのテキスト。
このあとを【改行する・しない】で「メディアを追加」を続けて画像を表示た場合で、結果が違う。

 また、単純に、テキストモードで、先頭に半角スペースを入れるだけでも表示画像が変わるなどのこともあって、

 これは、どう説明したらうまく目的の結果になるか?
表示結果を見ながら、感覚的に覚えるしかない?ですね。

自分でも理解できていないです。