Question

这个问题一直困扰着我，所以请允许我解释一下。

以下是我正在进行的网页的屏幕截图

以下是该页面的代码：

get_header(); ?>

        <?php 
            get_template_part('content', 'hero');
        ?>

        <?php 
            get_template_part('content', 'welcome');
        ?>

        <?php
            get_template_part('content', 'senior');
            get_template_part('content', 'jh');
            get_template_part('content', 'our-videos');
        ?>


<?php
get_footer();

下面是版本2（并且接近我想要的页面布局）截图：

以下是该页面的代码：

get_header(); ?>

        <?php 
            get_template_part('content', 'hero');
        ?>

        <?php 
            get_template_part('content', 'welcome');
        ?>

        <?php
            get_template_part('content', 'jh'); 
            get_template_part('content', 'senior');
            get_template_part('content', 'our-videos');
        ?>
<?php
get_footer();

我故意互换了初中部分高中部分（我这个问题的真正目标）

请注意屏幕截图的第二个版本

“高中”标签现已消失
“功能视频”标签（这也是我真正希望在屏幕截图的第一个版本上显示的内容，但不能）。

我该如何解决？

我想要的是：

高中初中部分及其图标和说明
高中完成了它的图标，描述，最重要的是它的标签
功能中心区域标签

初中部分的代码（通过WP的 get_template_part（）功能）如下：

<?php

    $junior_high_feature_title = get_field('junior_high_feature_title');
    $junior_high_feature_body = get_field('junior_high_feature_body');

?>
        <!-- Project -->
        <section id="senior_high_features">
            <div class="container">
                <h2><?php echo $junior_high_feature_title; ?></h2>
                <p class="lead">
                    <?php echo $junior_high_feature_body; ?>
                </p>

                <div class="row">

                    <?php $loop = new WP_Query( array( 'post_type' => 'junior_high_school', 'orderby' => 'post_id', 
                    'order' => 'ASC' ) ); ?>

                    <?php while( $loop->have_posts() ) : $loop->the_post(); ?>

                    <div class="col-sm-4">
                        <?php  
                            if( has_post_thumbnail() )
                            {
                                the_post_thumbnail();
                            }
                        ?>

                        <h3><?php the_title(); ?></h3>

                        <p><?php the_content(); ?></p>
                    </div><!-- col -->

                    <?php endwhile; ?>

                </div><!-- row -->
            </div><!-- container -->
        </section>

高级部分的代码（通过WP的 get_template_part（）功能）位于

<?php
$senior_high_school_features_title  = get_field('senior_high_school_features_title');
$senior_high_school_features_body   = get_field('senior_high_school_features_body');
?>

<!-- PROJECT FEATURES
================================================== -->
<section id="senior_high_features">
    <div class="container">

    <h2><?php echo $senior_high_school_features_title; ?></h2>
    <p class="lead"><?php echo $senior_high_school_features_body; ?></p>

    <div class="row">

        <?php $loop = new WP_Query( array( 'post_type' => 'senior_high_school', 'orderby' => 'post_id', 'order' => 'ASC' ) ); ?>

        <?php while( $loop->have_posts() ) : $loop->the_post(); ?>

        <div class="col-sm-4">

            <?php
                if ( has_post_thumbnail() ) {
                    the_post_thumbnail();
                }
            ?>

            <h3><?php the_title(); ?></h3>
            <p><?php the_content(); ?></p>
        </div><!-- end col -->

        <?php endwhile; wp_reset_query(); ?>

    </div><!-- row -->

    </div><!-- container -->
</section><!-- project-features -->

senior_high_features 部分的CSS是：

#senior_high_features 
{
    text-align: center;
}

.section 
{
    padding: 80px 0;
}

我错过了什么？为什么不能

“高中”标签及其文字和图标一起显示
“功能视频”也会出现

Answer 1

我终于弄清楚什么是错的。

有人评论说我应该做一个var_dump（），我想我应该用

wp_reset_postdata();

while循环后

。所以我最终得到的解决方案是：

                    <?php 
                    endwhile; 
                    wp_reset_postdata(); 
                    ?>

WordPress网站上的页面内容（通过get_template_part）无法正确显示

1 个答案: