首先,我是WordPress的新手,其次我已经阅读了与此问题相关的所有帖子,博客等,到目前为止没有任何意义。
我有一个简单的三页网站。 所有三个页面都使用页面顶部的以下基本代码来显示横幅类型的图像:
<div class="banner-section" style="background-image: url('/wp-content/themes/company/images/home-banner.jpg');">
<div class="banner-content align-centered" style="padding-top: 12.05%;">
<div class="row">
<div class="medium-6 small-6 columns"><img src="/wp-content/themes/company/images/home-banner-k-logo.png" /></div>
<div class="medium-6 small-6 columns"><img src="/wp-content/uploads/2018/10/company-new-combined.png" /></div>
</div>
</div>
<img class="main-img" src="/wp-content/themes/company/images/home-banner.jpg" />
</div>
其中两个页面工作正常。 只有一个页面,联系表单页面,WordPress将图像包装在段落标签中。 为什么只有这个页面? 我可以通过自己包装它来破解它,并设置一些 CSS 来删除边距。 但是为什么? 为什么WordPress在这里不一致?
WordPress会自动
插入<p>
和</p>
标签,以分隔内容中断。
要禁用 wpautop 过滤器,您可以使用:
remove_filter('the_content', 'wpautop');
可能是
因为您正在使用联系表单插件或其他东西,无论如何,您可以添加自己的样式,但请在子主题上执行此操作。