联系表格7自动添加p标签

Nen*_*car 25 wordpress contact-form-7

我在联系表格7编辑器中有下一个代码

<div class="row">
    <div class="col-sm-8 col-sm-offset-2">
        <div class="row">
            <div class="col-sm-4">
                [text* name class:border-field placeholder "Name"]
            </div><!-- End of col -->
            <div class="col-sm-4">
                [email* email class:border-field placeholder "Email"]
            </div><!-- End of col -->
            <div class="col-sm-4">
                [text subject class:border-field placeholder "Subject"]
            </div><!-- End of col -->
        </div><!-- ENd of row -->
    </div><!-- End of col -->
</div><!-- ENd of row -->

<div class="row">
    <div class="col-sm-8 col-sm-offset-2">
        [textarea message class:border-field placeholder "Message"]
    </div>
</div><!-- End of row -->

<div class="row text-center">
    <div clas s="col-sm-12">    
        [submit class:btn class:btn-black-fill class:btn-small "Submit"]  
    </div><!-- End of col -->
</div><!-- End of row -->
Run Code Online (Sandbox Code Playgroud)

问题是它几乎在每个元素之后添加随机p标签,并且当第一个文本字段应该全部内联时,由于某种原因,它们在某些原因上略高于其他两个字段.我认为这不是css问题因为以前我在平面HTML中编码并且所有字段都是内联的所以我认为它必须是联系表格7的东西.

rne*_*ius 59

根据Contact Form 7 Docs,您可以通过在wp-config.php中放置以下常量来禁用插件的"wpautop" :

define( 'WPCF7_AUTOP', false );
Run Code Online (Sandbox Code Playgroud)

  • @LuisBrazilva如果你将片段正好放在wp-config.php文件中的"Authentification Unique Keys and Salts"下面,它就可以正常工作了.将它放在wp-config.php文件的底部是行不通的 - 正如您已经自己意识到的那样. (3认同)
  • 对于那些在2018年的人,请参阅skip405的答案,以便在functions.php中更改此内容.hps /sf/answers/3431756751/ (3认同)
  • 指定一个小细节很重要。将其添加到wp-config.php根目录无济于事,但将其添加到/wp-content/plugins/contact-form-7/wp-contact-form-7.php中的实际Contact Fomr 7插件即可。唯一的问题是它可能在下次更新中消失。否则,很好的答案!+1 (2认同)
  • @LuisBrazilva我不确定你的意思是它“什么都不做” - 将此代码放在我的根“wp-config.php”文件中会按预期抑制输出。 (2认同)

ski*_*405 45

如果编辑wp-config.php不是您的解决方案,那么有一个方便的过滤器.把它放在你的functions.php.

add_filter('wpcf7_autop_or_not', '__return_false');

  • 此功能已添加到[版本5.0](https://contactform7.com/2018/01/31/contact-form-7-50/). (4认同)

小智 7

我想说一下,当我们想要减少自动 P 标签形式时,我们应该使用下面的过滤器,只需在 function.php 中编写代码。

add_filter('wpcf7_autop_or_not', '__return_false'); 
Run Code Online (Sandbox Code Playgroud)


Sag*_*SEO 6

我尝试了很多答案,但没有任何效果,所以...
我最终使用简单的 CSS 专门针对
表单本身中的空 P 标签,如下所示:

.wpcf7-form p:empty { display: none; }
Run Code Online (Sandbox Code Playgroud)

这对我有用,而且是一个简单的解决方案。

  • 但您的答案会删除所有段落标签。这对我来说产生了一个新问题。问题是空的 p 标签创建了间距(和阻塞)。这样您就可以(轻松)处理空的 p 标签。使用这种方式,您可以定位特定的表单。所以,无论是否“拼凑”;)。这有效。 (2认同)