2013-08-28 31 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(“后缩略图”);