Question

我的问题是，由于某种原因，页面标题和内容会颠倒打印。它会打印两次搜索栏。你能不能看看coede bwlow

<?php get_header(); ?>

<div class="row">

    <div class="col-xs-12 col-sm-8">

        <div class="row text-center no-margin">

        <?php 
        $currentPage = (get_query_var('paged')) ? get_query_var('paged') : 1;
        $args = array('posts_per_page' => 3,'post_type'=>'post', 'paged' => $currentPage);
        new WP_Query($args);
        if( have_posts() ): $i = 0;

            while( have_posts() ): the_post(); ?>

                <?php 
                    if($i==0): $column = 12; $class = '';
                    elseif($i > 0 && $i <= 2): $column = 6; $class = ' second-row-padding';
                    elseif($i > 2): $column = 4; $class = ' third-row-padding';
                    endif;

                ?>
                    <?php the_content(); ?>

                    <div class="col-xs-<?php echo $column; echo $class; ?> blog-item">
                        <?php if( has_post_thumbnail() ):
                            $urlImg = wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ) );
                        endif; ?>
                        <div class="blog-element" style="background-image: url(<?php echo $urlImg; ?>);">

                            <!--<?php the_title( sprintf('<h1 class="entry-title"><a href="%s">', esc_url( get_permalink() ) ),'</a></h1>' ); ?> -->
                             <h1 class="entry-title"><?php the_title(); ?></h1>

                            <small><?php the_category(' '); ?></small>
                        </div>
                    </div>

            <?php $i++; endwhile; ?>

            <div class="col-xs-6 text-left">
                <?php next_posts_link('« Older Posts'); ?>
            </div>
            <div class="col-xs-6 text-right">
                <?php previous_posts_link('Newer Posts »'); ?>
            </div>

        <?php endif;
                wp_reset_query();
        ?>
        </div>

    </div>

    <div class="col-xs-12 col-sm-4">
        <?php get_sidebar(); ?>
    </div>

</div>

<?php get_footer(); ?>

Answer 1

也许你在youtube上做了Wordpress101课程。在您显示的代码中，没有搜索栏。搜索栏位于您在此处调用的标题中：

也许在标题中重复了对搜索表单的调用：

        <div class="container">
           <?php get_search_form(); ?>
        </div>

另外，我遇到的问题是bootstrap没有以良好的方式呈现菜单，所以我不得不在header.php中添加（无论我是否也引用functions.php文件中的bootstrap，正如我假设您在教程中所做的那样）此页面中Bootstrap CDN 上的行： http://blog.getbootstrap.com/2016/07/25/bootstrap-3-3-7-released/

复制此CDN链接：

最新编译和缩小的CSS
可选主题
最新编译和缩小的JavaScript

Wordpress不能正确打印内容

1 个答案: