0

ワードプレスの投稿を毎月取得しているという問題がありますが、レイアウトが少しねじ込まれていることが明らかな何かが欠けています。レイアウトには 996 グリッド システムを使用しています。

必要なもの：

2013 年 3 月にすべての投稿を取得し、スクリーンショット A のように 3 つの投稿が積み上げられるように、それぞれを a 内にレイアウトしたいと考えています。ここに画像の説明を入力

私のコードは以下の通りです：

<div class="container clearfix" style="background:yellow;">
    <div class="grid_12" style="background:blue;">
        <?php
                $blogtime = date('Y');
                $prev_limit_year = $blogtime - 1;
                $prev_month = '';
                $prev_year = '';
                $args = array(
                    'posts_per_page' => 20,
                    'ignore_sticky_posts' => 1
                );
                $postsbymonth = new WP_Query($args);

                while($postsbymonth->have_posts()) {
                    $postsbymonth->the_post();
                    if(get_the_time('F') != $prev_month || get_the_time('Y') != $prev_year && get_the_time('Y') == $prev_limit_year) {

                        echo "<h2>".get_the_time('F, Y')."</h2>\n\n";

                        }
            ?>
    </div>

<div class="grid_4" style="background:red;">
    <article id="post-<?php the_ID(); ?>" role="article" itemscope itemtype="http://schema.org/BlogPosting">
        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('standard-thumb'); ?></a>
        <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
    </article>
</div>

<?php
$prev_month = get_the_time('F');
$prev_year = get_the_time('Y');
}
    ?>
</div> <!-- END OF CONTAINER -->

問題：

上記のコードでは、最初のインスタンスを除いて、grid_4 のすべてのインスタンスがコンテナーの外側にあります。スクリーンショット B を参照ここに画像の説明を入力

すべての grid_4 div がコンテナー内に含まれていることを確認するにはどうすればよいですか?

動作しない div を移動しようとしましたが、クエリから基本的なものが欠落していると思います。

4

1 に答える 1

0

したがって、grid_4 の終了 div を削除すると、動作するようになりました...

dom では、すべてがコンテナー内に配置されています...しかし、テンプレート マークアップ コードを見ると、1 div 不足しています...

なぜこれが起こっているのかわかりませんが、それは... いつか理由がわかるでしょうが、今のところワードプレスは自動的に余分なdivを追加しています.

于 2013-03-30T13:34:46.613 に答える