如何在我自己的HTML中使用WordPress Contact Form 7？

发布时间：2020-12-14 16:35:43 所属栏目：资源来源：网络整理

导读：我想在我的网站上使用Wordpress Contact Form 7,但我已经有了一个 HTML / CSS布局.所以,我想修改插件以将其与自定义HTML代码一起使用. form id="contact_form" action="" method="post" div label for="contact_name"Nombre/label input id="contact_name" t

我想在我的网站上使用Wordpress Contact Form 7,但我已经有了一个 HTML / CSS布局.所以,我想修改插件以将其与自定义HTML代码一起使用.

<form id="contact_form" action="" method="post">                            
    <div>
        <label for="contact_name">Nombre</label>
        <input id="contact_name" type="text" required aria-required="true" placeholder="Nombre">
    </div>
    <div>
        <label for="contact_email">Email</label>
        <input id="contact_email" type="mail" name="email" required aria-required="true" placeholder="su@email.com">
    </div>  
    <div id="area_message">
        <label for="contact_message">Mensaje</label>
        <textarea id="contact_message" type="mail" required aria-required="true" placeholder="Mensaje"></textarea>
        <input id="contact_btn" type="submit" value="enviar">
    </div>
</form>

我的问题是：我是否必须使用一些Contact Form 7代码修改此代码,还是应该将其包含在插件管理中？

解决方法

无需修改任何内容.联系表格7支持开箱即用.您是否尝试过使用它或查看过文档？如果是这样,对你有用或有什么用？

根据以下评论进行更新

联系表格7为您生成的每个字段提供短代码.您可以在“表单”部分中将短代码包装在HTML中.使用您在问题中提供的示例,如下所示：

<div>
<label for="contact_name">Nombre</label>
[text* your-name 20/40 class:required "John Smith"]
</div>

你不需要在< form>中包装它.标签 – 联系表格7已经这样做(并分配一个ID).

在WordPress文本编辑器中,使用Contact Form 7界面顶部提供的表单短代码显示最终输出.如果您希望将其放在PHP模板中,请使用以下命令：

<?php echo do_shortcode("SHORTCODE GOES HERE"); ?>

联系表格7还有一个邮件部分,您可以在其中确定邮件的来源和来源.某些托管服务提供商(例如,Dream Host)要求FROM电子邮件与网站本身是相同的域(http://example.com上的表单需要从hello@example.com发送电子邮件或类似地址).为了确保您仍然可以回复正确的地址,您可以添加如下所示的replyto标头：

Reply-To: [email]

只更改[email]以匹配您的电子邮件字段输出的短代码.

但严重的是,这些内容在Contact Form 7：http://contactform7.com/docs/的文档中是全部的

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!