Question

我刚刚为列网格创建了一个短代码，现在它在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]虚拟文本[/ grid_2]。我不确定为什么我的造型不适用于第一段但第二和第三段有一些造型。

page.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(); ?>

我查看了视图来源，似乎缺少一个开头＆lt; p>第一段上的标记和第二段缺少一个＆lt; / p＆gt;标签

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

我在wordpress中的样式有问题

0 个答案: