Question

所以我为我的WordPress主题设置了一个基本的php文件：

<?php get_header(); ?>
<div class = "content">
  <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <h1><?php the_title(); ?></h1>
    <p><?php the_content(); ?></p>
  <?php endwhile; else : ?>
    <p><?php _e( 'Sorry, no pages found.' ); ?></p>
  <?php endif; ?>
</div>
<?php get_footer(); ?>

当我运行主题并打开inspect元素时，它说在我的段落元素的顶部和下面有两个额外的段落元素，其中包含内容（<p><?php the_content(); ?></p>）。

检查员看起来像这样：

<h1>Home</h1>
<p></p>
<p>Content</p>
<p></p>

为什么要这样做？

编辑： 找到一个＆＃34;解决方案＆＃34;：虽然它不会删除段落元素，但如果你想调整它，它会使它们不可见填充，边距或内容的任何其他属性：

.content p:first-child { /*...in my case, my content paragraph is in a 'content' div...*/
  padding: 0;
  margin: 0;
  /*...or any other attribute...*/
}

.content p:last-child {
  padding: 0;
  margin: 0;
}

Answer 1

您可能有wpauto的额外段落。

尝试将此添加到functions.php：

remove_filter('the_content', 'wpautop');

Answer 2

WordPress用帖子内容中的段落替换新行。

您有the_content();

输出的其他开始和结束标签

Answer 3

删除不需要的<p>代码。

/**
 * Remove empty <p> tag.
 * 
 * @param type $content
 * @return type
 */
function pd_remove_unwanted_p($content){
    $content = force_balance_tags( $content );
    $content = preg_replace( '#<p>\s*+(<br\s*/*>)?\s*</p>#i', '', $content );
    $content = preg_replace( '~\s?<p>(\s|&nbsp;)+</p>\s?~', '', $content );
    return $content;
}
add_filter('the_content', 'pd_remove_unwanted_p', 20, 1);

将上面的代码放在您的有效主题functions.php中。

为什么在我的内容之间创建了两个额外的<p>元素？

3 个答案: