WordPress的帖子搞砸了html网格

时间:2016-05-12 18:02:16

标签: html wordpress zurb-foundation grid-layout

我有一个WordPress的帖子,每次我发布它我的3列html网格完全搞砸了(东西漂浮左边,网格中应该有一个元素的空白。)但是当我删除帖子并刷新页面时网格的格式应该是它应该是什么样的。

这是主循环:

    <div id="howTo" class="howTo">
        <div class="small-12 columns mainWrap">
            <h1 class="text-center"><span class="cb-howTo"></span>Skills</h1>
            <?php $loop = new WP_Query( array( 'order' => 'asc', 'category_name' => 'des-skill') ); ?>
            <?php if ( have_posts() ) : while ( $loop->have_posts() ) : $loop->the_post(); ?>
                <a href="<?php the_permalink(); ?>">
                    <div class="small-12 medium-4 columns article">
                        <div class="articleImgWrap dzsparallaxer auto-init use-loading" data-options='{ direction: "normal" }'  role="banner">
                            <div class="articleImg dzsparallaxer--target" style="background-image: url('<?php echo wp_get_attachment_url( get_post_thumbnail_id( $post->ID ) ); ?>');"></div>
                            <div class="imgOverlay">
                                <h4 class="text-center articleHead"><?php the_title(); ?></h4>
                            </div>
                        </div>
                        <div class="excerpt"><?php echo get_the_excerpt(); ?></div>
                    </div>
                </a>
            <?php endwhile; // end of the loop. ?>
            <?php endif; ?>
        </div>
    </div>

我正在使用粉底,但是当我删除那个帖子时网格很好。

1 个答案:

答案 0 :(得分:2)

问题在于我认为WordPress会看到像&lt;和&gt;在帖子标题中打开和关闭html元素的部分。所以我认为正在发生的是它过早地关闭了循环中的html元素。尝试删除&#34;&gt;&#34;从帖子标题,看看是否修复了网格问题。