0

我刚刚为列网格创建了一个简码，现在它在 wordpress 中正常工作，但现在我的 CSS 在我应用简码时遇到了一些问题。

这是我的问题的图像

http://i255.photobucket.com/albums/hh140/testament1234/font_zps75ea6335.png

这是我的functions.php中的代码

//Two Columns
function two_columns( $atts, $content = null ) {
return '<div id="responsive-image-container" class="two columns responsive-image-container"><div class="responsive-image">' . do_shortcode( $content ) . '</div></div>';
}
add_shortcode('grid_2', 'two_columns');

基本上当我在帖子或页面上应用它时，它应该像这样 [grid_2] Dummy Text [/grid_2]。我不确定为什么我的样式不适用于第一段，但第二和第三段有一些样式。

页面.php

<?php get_header(); ?>


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

<div class="sixteen columns page-format">
       <h2 class="page-title"><?php the_title() ?></h2>
</div>

<div class="page-format">       
       <?php the_content(); ?>
</div>

    <?php endwhile; ?>



<?php get_footer(); ?>

我检查了视图源，似乎第一段缺少一个开始 < p > 标记，第二段缺少一个 </ p > 标记

<div class="page-format">       
       <div id="responsive-image-container" class="sixteen columns responsive-image-container"><div class="responsive-image"><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lacinia blandit. Nam sodales eu metus a viverra. Aenean ac suscipit odio. Nullam ac dignissim neque, sed fringilla felis! Etiam egestas tellus sed posuere ultricies</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare lacinia blandit. Nam sodales eu metus a viverra. Aenean ac suscipit odio. Nullam ac dignissim neque, sed fringilla felis! Etiam egestas tellus sed posuere ultricies<br />
</div></div>

<div class="clearfix"></div>
4

0 回答 0