Php 基于特色图像的页面上动态响应Wordpress图像

Php 基于特色图像的页面上动态响应Wordpress图像,php,html,css,wordpress,Php,Html,Css,Wordpress,好的,我看了一下这里,试图找到一个解决方案,我发现一些php出现了两次作为答案,但它对我不起作用,所以问题来了 我有一个自定义的wordpress主题。在导航栏下,我想根据该页面的特色图像放置一个动态图像。图像需要具有响应性,并分布在页面的整个宽度上,就像您想象的响应性标题图像一样。我可以处理响应css位,当我开始拖动图像时,将其放入div中,但图像甚至没有拖动 下面是关于堆栈溢出的两次答案代码: <img src="<?php $img=wp_get_attachment_th

好的,我看了一下这里,试图找到一个解决方案,我发现一些php出现了两次作为答案,但它对我不起作用,所以问题来了

我有一个自定义的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(); ?>"/>
ID));echo$img[0];?>“alt=”“/>
它不起作用。php字符串没有提取缩略图url,控制台中唯一的输出是包装在img标记中的alt信息。我不知道这是否与header.php中的代码有关,但任何建议都很好。


<?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">
<? } ?>

使用此选项可在循环中显示帖子缩略图。如果未上载图像或显示占位符图像,您还可以传递elseif语句以不显示任何内容。希望有帮助

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

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

<?php endif; ?> 

我将把这个留在这里,以防这会引起您的问题

从文档页面:

注意:要启用特色图像,请参见发布缩略图,当前 主题必须包括添加主题支持(“张贴缩略图”)


echo是否应该在这里获取\u post\u缩略图($post->ID)
工作?我是否遗漏了问题中的某些内容?您是否在模板上的任何位置声明了
global$post