行動版預覽圖出不來 - 部落格

Table of Contents


由於最近使用手機上網的機率變高了,

所以在調整頁面樣式時也會試著兼顧行動版的顯示效果


看一些比較知名的部落客,如電腦玩物、海芋小站,

在用手機連上他們的網站時,每篇文章都會有一張預覽圖顯示

他們的共通點是,圖床同樣都使用Picasa


不過因為對瀏覽器支援度不佳的關係(我用Opera)

以及日後搬遷方便度的考量

這空間不太被我列入考量之內...


看了一下範本,行動版列表中每篇文章的格式大概是長這樣:

<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>

感覺問題是出在 post.thumbnailUrl 只支援Picasa,

其他圖床是不會被識別的。


這樣的狀況是否有辦法解決?





--

All Comments