Question

好吧所以我仔细看了一下，试图找到一个解决方案，我发现一些PHP出现了两次作为答案，但它不适合我，所以这就是问题。

我有自定义wordpress主题。在导航栏下，我想根据该页面的特色图像放置动态图像。图像需要响应并分布在页面的宽度上，就像您想象一个响应的标题图像一样。我可以处理响应式css位并在我拉动它时将图像放入div中，但图像甚至没有拉动。

以下是作为Stack Overflow答案的两次代码：

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

它不起作用。 php字符串不是拉缩略图网址，控制台中唯一的输出是包含在img标记中的alt信息。我不知道它是否与header.php中的代码有关，但任何建议都会很棒。

Answer 1

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

这就是我过去的成就。

Answer 2

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

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

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

<?php endif; ?>

Answer 3

我只是想把它留在这里，以免造成你的问题。

从文档页面：get_post_thumbnail_id()

注意：要启用精选图像，请参阅当前的缩略图主题必须包含add_theme_support（'post-thumbnails'）;

基于特色图像的动态和响应式Wordpress图像

3 个答案: