ページのタイトルとコンテンツの順序が間違っている (wordpress/bootstrap/php)

このコードを試してください。

重複した検索バー (wordpress/php/bootstrap)

このコードは、前の質問から取得したものです。

このコードはタイトルを表示し<?php the_title(); ?>、このコードはコンテンツを表示します<?php the_content(); ?>。このコードはどこでも置き換えることができます。

    <?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;

                    ?>


                        <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>

                                 <?php the_content(); ?>

                                <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>