我想在我的网站上使用 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@example.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 代码修改此代码,还是应该将其包含在插件管理中?
最佳答案
无需修改任何内容。 Contact Form 7 开箱即用地支持这一点。您是否尝试过使用它或查看过文档?如果是这样,什么对您有用或不起作用?
根据以下评论更新
Contact Form 7 为您生成的每个字段提供一个简码。您可以在“表单”部分中将短代码包装在 HTML 中。使用您在问题中提供的示例,它看起来像这样:
<div>
<label for="contact_name">Nombre</label>
[text* your-name 20/40 class:required "John Smith"]
</div>
您不需要将其包装在 <form>
中标签 - Contact Form 7 已经这样做了(并分配了一个 ID)。
在您的 WordPress 文本编辑器中,使用 Contact Form 7 界面顶部提供的表单短代码来显示您的最终输出。如果您希望将其放入 PHP 模板中,请使用:
<?php echo do_shortcode("SHORTCODE GOES HERE"); ?>
Contact Form 7 还有一个邮件部分,您可以在其中确定邮件的收件人和收件人。某些托管服务提供商(例如 DreamHost)要求 FROM 电子邮件与网站本身的域相同(http://example.com
上的表单需要从 hello@example.com
或类似地址发送电子邮件)。为确保您仍然可以回复正确的地址,您可以像这样添加回复 header :
Reply-To: [email]
只改变[email]
以匹配您的电子邮件字段的任何输出简码。
但说真的,这些东西都在联系表格 7 的文档中:http://contactform7.com/docs/
关于html - 如何在我自己的 HTML 中使用 WordPress Contact Form 7?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18339500/