如何将页面标题放在wordpress中的特色图像上？

Question

如何将页面标题放在wordpress中的特色图像上？我希望页面标题和页面内容覆盖特色图像。 请建议。

Answer 1

您应该在图片和标题中使用<div>标记;使用此代码：

<?php 
/* 
* Template Name: yourtie 
*/
get_header(); 
?> 
<section id="cir-content-area" role="main">
 <div class="container">
   <div class="row">
     <div class="col-md-12"> 
       <?php while ( have_posts() ) : the_post(); ?>
       <?php $featured_img_url = get_the_post_thumbnail_url($post->ID, 'full');  ?>
        <div class="col-md-12" style="background:url('<?php echo $featured_img_url; ?>') no-repeat scroll center center / cover">
            <?php the_title(); ?>
            <?php the_content();   ?>
        </div>
      <?php endwhile; ?> 
    </div>
   </div> 
  </div>
</section>
<?php get_footer(); ?>