page.php

<?php
/**
 * The template for displaying all pages
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site may use a
 * different template.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package distance
 */

get_header();
?>


<?php if(have_posts()): ?>
	<?php while(have_posts()):the_post(); ?>
        <div class="row">
	        <?php $getThumbnail = wp_get_attachment_image_src( get_post_thumbnail_id(get_the_ID()),'full'); ?>
            <!--        distance-top 开始-->
<!--            <div class="distance-top col-12" >-->
            <!--        distance-top 开始-->
            <div class="distance-top col-12" <?php if ($getThumbnail[0]) {
		        echo 'style="background-image: url(\'' . $getThumbnail[0] . '\')"';
	        } ?> >


		        <?php if ($getThumbnail[0]){
			        // 如果存在图片 增加shade 遮罩标签, 避免图片过于明亮 影响到标题的 显示效果
			        echo '<div class="shade"></div>';
		        } ?>
                <!--                        顶部内容区域container开始-->
	            <?php if ( has_post_thumbnail() ) { ?>
		            <?php //the_post_thumbnail(); ?>
	            <?php } else { ?>
                    <!--没有特色图像暂时不显示-->
	            <?php } ?>
                <div class="container">
                    <div class="row align-items-center description">
                        <div class="col-12 "><h1><?php the_title(); ?></h1>
                            <div class="summary">
                                <span><?php post_views(' ', ' 次浏览'); ?></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!--        顶部内容区域container结束-->
            </div>
            <!--        distance-top 结束-->
        </div>
        <div class="row">
            <div class="col-12 distance-main-wrapper single-wrapper">

                <div class="container distance-main dp_shadow">

                    <div class="row  single-article-wrapper ">

                        <div class="col-12  distance-article-content distance-page-content">

                            <!--                        内容区域-->
							<?php the_content(); ?>

                        </div>





                    </div>


                </div>
            </div>
        </div>

	<?php endwhile; ?>
<?php endif;?>

    <div id="primary" class="content-area">
        <main id="main" class="site-main">

            <!--			--><?php
			//			while ( have_posts() ) :
			//				the_post();
			//
			//				get_template_part( 'template-parts/content', get_post_type() );
			//
			//				the_post_navigation();
			//
			//				// If comments are open or we have at least one comment, load up the comment template.
			//				if ( comments_open() || get_comments_number() ) :
			//					comments_template();
			//				endif;
			//
			//			endwhile; // End of the loop.
			//			?>

        </main><!-- #main -->
    </div><!-- #primary -->

<?php

get_footer();