2013-08-28 64 views
0

好吧,所以我在這裏看了一遍,試圖找到一個解決方案,我發現一些PHP出現了兩次作爲答案,但它不適合我,所以這是問題。頁面上的動態和響應Wordpress圖像基於精選圖像

我有一個自定義的WordPress主題。在導航欄下方,我想根據該頁面的特色圖像放置動態圖像。該圖像需要具有響應能力,並且可以在整個頁面寬度上進行傳播,這很像您想象的響應式標題圖像的功能。我可以處理響應式css位,並在將圖像放入div中,但是圖像甚至沒有拉動。

下面是想出了兩倍堆棧溢出的答案代碼:它不工作

<img src="<?php $img=wp_get_attachment_thumb_url(get_post_thumbnail_id($post->ID)); echo $img[0]; ?>" alt="<?php the_title(); ?>"/> 

。 php字符串不會拉動縮略圖url,控制檯中的唯一輸出是包裹在img標籤中的alt信息。我不知道它是否與header.php中的代碼有關,但任何建議都會很棒。

+0

不應該'echo get_post_thumbnail($ post-> ID);'在這裏工作?我在這個問題上錯過了什麼? – rgin

+0

您是否在模板上的任何位置聲明過'global $ post'? – ojrask

回答

0

使用此選項可顯示循環內的帖子縮略圖。如果沒有圖像上傳或顯示佔位符圖像,您還可以傳遞elseif語句以顯示任何內容。希望有所幫助!

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

    <?php the_post_thumbnail('PLACE-CUSTOM-SIZE-HERE-OR-OMIT-TO-USE-ORIGINAL-SIZE'); ?> 

<?php endif; ?> 
+0

這工作得很好。比我想象的更簡單。 – dmzayasplus

0
<?php 
if (has_post_thumbnail()) { 
    $featureImage = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'feature'); 
    $featureImage = $featureImage[0]; 
?> 
<div id="feature" style="background-image: url('<?php echo $featureImage; ?>')"> 
<? } else { ?> 
<div id="feature"> 
<? } ?> 

這就是我過去完成這項工作的方法。

0

我只是要在這裏留下這種情況,以防這導致您的問題。

從文檔頁面:get_post_thumbnail_id()

注:爲了使特色照片,看帖子的縮略圖,當前 主題必須包括add_theme_support(「後縮略圖」);