PHP回覆WordPress縮略圖問題

我試圖將我的HTML頁面轉換爲WordPress主題，至今我沒有做太壞！但我在加載自定義帖子類型縮略圖並向其添加所需的類和樣式時遇到了問題。在我的HTML我有一個這樣的圖像標籤：PHP回覆WordPress縮略圖問題

<img class="img-circle" src="img/welcom.jpg" data-src="holder.js/140x140" alt="140x140" style="width: 140px; height: 140px;">

我trird受污染src屬性類似src="'.the_post_thumbnail().'"在我的自定義WP查詢呼應上面標籤：

echo ' <img class="img-circle" src="'.the_post_thumbnail().'" alt="140x140" style="width: 140px; height: 140px;">';

現在我正在在頁面上的圖像，但它沒有得到任何類和風格，源代碼看起來像 enter image description here 你能讓我知道如何解決這個問題嗎？

2013-11-01 Behseini

get_the_post_thumbnail（$ POST_ID）; – user2092317

你認爲the_post_thumbnail()返回src url是錯誤的。它返回整個img元素...看一看在codex

但本質上，你需要的類，大小和alt作爲參數傳遞給the_post_thumbnail()

$size = array(140,140); 
$attr = array(
    'class' => "img-circle", 
    'alt' => "140x140" 
); 
the_post_thumbnail($size, $attr);

2013-11-01 01:30:32 zoranc

嗨zoranc，感謝您的評論，但我在這裏alittile困惑！我應該使用$ size = array（140,140）;和$ attr = array（..）;循環內或在function.php？ – Behseini

所有這些都在循環中使用...將圖像的整個echo語句替換爲答案中的代碼...由於您指定了src url，因此同一圖像將反覆用於每個帖子內部循環（即welcom.jpg）忽略'src'=>'img/welcom.jpg'這行會使用設置的帖子縮略圖 – zoranc

如果你在循環之外工作，你必須使用user2092317的推薦 - get_the_post_thumbnail（ $ __post_id）; - – zoranc

與此代碼嘗試，它將幫助您對圖像的所有休息...

在function.php文件將這個代碼現在

if (function_exists('add_image_size')) { 
    add_image_size('custom-post-thumb', 140, 140,true); 
}

使用在你的代碼：

<?php if (has_post_thumbnail()) : ?> 

<?php the_post_thumbnail('custom-post-thumb', array('class' => 'img-circle')); ?> 

<?php endif; ?>

感謝

2013-11-01 05:49:24

回答