Php 获取页面的特色图片-WordPress

我有一个循环，它获取当前页面的子页面的标题、内容和链接。一切正常，除了我不知道如何获取这些页面的特色图片url，以便我可以将其用作背景图片。你可以在我评论的代码中看到我试图获取特色图片的url

这是我的密码：

<?php
    $mypages = get_pages( array( 'child_of' => $post->ID, 'sort_column' => 'menu_order', 'sort_order' => 'asc' ) );

     foreach( $mypages as $page ) {     
             $content = $page->post_content;
             if ( ! $content ) // Check for empty page
             continue;

             $content = apply_filters( 'the_content', $content );
             $trimmed_content = wp_trim_words( $content, 14, "..." );
             ?>
             <div class="service-box block-grid-item">
                <div class="row">
                   <div class="col-xs-6 col service-image">


             <!-- This is where I am trying to get the featured image url -->


             <?php $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?>
                  <a href="<?php echo get_page_link( $page->ID ); ?>" style="background-image: url(<?php echo '$feat_image'; ?>)"</a>
                   </div>
                      <div class="col-xs-6 col service-body">
                        <a href="<?php echo get_page_link( $page->ID ); ?>">
                          <span class="service-title"><?php echo $page->post_title; ?></span>
                          <span class="service-text"><?php echo $trimmed_content; ?></span>
                          <span class="service-link">Read more</span>
                        </a>
                    </div>
                 </div>
             </div>

<?php   }   
?>

---

您很接近了，但是您应该使用，并且在

回显源代码时应该从变量中删除引号：

$feat_image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );
<a href="<?php echo get_permalink( $page->ID ); ?>" 
   style="background-image: url(<?php echo $feat_image; ?>)">

$feat_image=wp_get_attachment_image_src（get_post_缩略图_id（$post->id），'large'）；
很接近，但应该使用，并且在
echo
源代码时，应该从变量中删除引号：

$feat_image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );
<a href="<?php echo get_permalink( $page->ID ); ?>" 
   style="background-image: url(<?php echo $feat_image; ?>)">

$feat_image=wp_get_attachment_image_src（get_post_缩略图_id（$post->id），'large'）；
很接近，但应该使用，并且在
echo
源代码时，应该从变量中删除引号：

$feat_image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );
<a href="<?php echo get_permalink( $page->ID ); ?>" 
   style="background-image: url(<?php echo $feat_image; ?>)">

$feat_image=wp_get_attachment_image_src（get_post_缩略图_id（$post->id），'large'）；
很接近，但应该使用，并且在
echo
源代码时，应该从变量中删除引号：

$feat_image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );
<a href="<?php echo get_permalink( $page->ID ); ?>" 
   style="background-image: url(<?php echo $feat_image; ?>)">

$feat_image=wp_get_attachment_image_src（get_post_缩略图_id（$post->id），'large'）；
在上面的答案中，缺少部分代码。这是完整的代码

  <?php $feat_image = wp_get_attachment_image_src( get_post_thumbnail_id( 5 ), 'large' );
        print_r($feat_image);
     ?>
    <a href="<?php echo get_permalink( '5' ); ?>" 
       style="background-image: url(<?php echo $feat_image[0]; ?>)"> </a>

在上面的答案中，缺少部分代码。这是完整的代码

  <?php $feat_image = wp_get_attachment_image_src( get_post_thumbnail_id( 5 ), 'large' );
        print_r($feat_image);
     ?>
    <a href="<?php echo get_permalink( '5' ); ?>" 
       style="background-image: url(<?php echo $feat_image[0]; ?>)"> </a>

在上面的答案中，缺少部分代码。这是完整的代码

  <?php $feat_image = wp_get_attachment_image_src( get_post_thumbnail_id( 5 ), 'large' );
        print_r($feat_image);
     ?>
    <a href="<?php echo get_permalink( '5' ); ?>" 
       style="background-image: url(<?php echo $feat_image[0]; ?>)"> </a>

在上面的答案中，缺少部分代码。这是完整的代码

  <?php $feat_image = wp_get_attachment_image_src( get_post_thumbnail_id( 5 ), 'large' );
        print_r($feat_image);
     ?>
    <a href="<?php echo get_permalink( '5' ); ?>" 
       style="background-image: url(<?php echo $feat_image[0]; ?>)"> </a>


感谢您的快速回复。我刚刚更新了问题中的代码和我的网站上的代码，但它仍然返回一个空值作为背景url。另外，感谢html标记提示，我从另一个开发人员那里继承了它，这将是第2阶段。如果它是空的，这意味着没有与该文章相关的特征图像。还有，你确定它是空的吗？给定您的标记，可能图像实际上正在添加到HTML中，但它不会显示，因为
的高度为零。除非你已经用CSS设置了这个链接标签的样式，否则图像不应该显示出来。我会检查源代码，并在链接标签上添加一些高度。是的，我确定它是空的。我已经检查过了，有CSS附在上面，给它一个高度、宽度等。页面确实有与之相关联的特征图像，所以我不确定为什么没有显示。进一步挖掘后，发现特征图像实际上是一个自定义字段，所以一旦我调整代码以反映该变量，它就工作了。谢谢谢谢你的迅速回复。我刚刚更新了问题中的代码和我的网站上的代码，但它仍然返回一个空值作为背景url。另外，感谢html标记提示，我从另一个开发人员那里继承了它，这将是第2阶段。如果它是空的，这意味着没有与该文章相关的特征图像。还有，你确定它是空的吗？给定您的标记，可能图像实际上正在添加到HTML中，但它不会显示，因为
的高度为零。除非你已经用CSS设置了这个链接标签的样式，否则图像不应该显示出来。我会检查源代码，并在链接标签上添加一些高度。是的，我确定它是空的。我已经检查过了，有CSS附在上面，给它一个高度、宽度等。页面确实有与之相关联的特征图像，所以我不确定为什么没有显示。进一步挖掘后，发现特征图像实际上是一个自定义字段，所以一旦我调整代码以反映该变量，它就工作了。谢谢谢谢你的迅速回复。我刚刚更新了问题中的代码和我的网站上的代码，但它仍然返回一个空值作为背景url。另外，感谢html标记提示，我从另一个开发人员那里继承了它，这将是第2阶段。如果它是空的，这意味着没有与该文章相关的特征图像。还有，你确定它是空的吗？给定您的标记，可能图像实际上正在添加到HTML中，但它不会显示，因为
的高度为零。除非你已经用CSS设置了这个链接标签的样式，否则图像不应该显示出来。我会检查源代码，并在链接标签上添加一些高度。是的，我确定它是空的。我已经检查过了，有CSS附在上面，给它一个高度、宽度等。页面确实有与之相关联的特征图像，所以我不确定为什么没有显示。进一步挖掘后，发现特征图像实际上是一个自定义字段，所以一旦我调整代码以反映该变量，它就工作了。谢谢谢谢你的迅速回复。我刚刚更新了问题中的代码和我的网站上的代码，但它仍然返回一个空值作为背景url。另外，感谢html标记提示，我从另一个开发人员那里继承了它，这将是第2阶段。如果它是空的，这意味着没有与该文章相关的特征图像。还有，你确定它是空的吗？给定您的标记，可能图像实际上正在添加到HTML中，但它不会显示，因为
的高度为零。除非你已经用CSS设置了这个链接标签的样式，否则图像不应该显示出来。我会检查源代码，并在链接标签上添加一些高度。是的，我确定它是空的。我已经检查过了，有CSS附在上面，给了它一个高度、宽度等。这些页面确实有与之相关的特色图片，所以我不确定为什么它没有显示出来