联系表格7（wordpress）样式hml邮件模板_Wordpress_Contact Form 7

联系表格7（wordpress）样式hml邮件模板

wordpress

联系表格7（wordpress）样式hml邮件模板,wordpress,contact-form-7,Wordpress,Contact Form 7,我使用联系方式7（wordpress，联系方式）作为订单页面对于产品。但是我对用同样的3列样式设计HTML邮件模板感兴趣如图所示。有什么简单的方法可以做到这一点吗？是的，你可以做到，你需要向你现有的主题文件添加一些css，因为不建议修改插件文件，因为我可以看到你已经使用了文本框，你可以这样做 css样式 .wpcf7文本{宽度：150px！重要；} .wpcf7 text是联系人表单7中的文本框类表单设置中您的姓名-[text-text-20]您的地址-[text-text-30] 有两

我使用联系方式7（wordpress，联系方式）作为订单页面对于产品。但是我对用同样的3列样式设计HTML邮件模板感兴趣

如图所示。有什么简单的方法可以做到这一点吗？

是的，你可以做到，你需要向你现有的主题文件添加一些css，因为不建议修改插件文件，因为我可以看到你已经使用了文本框，你可以这样做

css样式

.wpcf7文本{宽度：150px！重要；}

.wpcf7 text是联系人表单7中的文本框类表单设置中

您的姓名-[text-text-20]

您的地址-[text-text-30]

有两种方法

（1）凌驾于联系方式7本身之上。这可以通过.wpcf7-[内部类]然后通过CSS代码来完成

[捷径]

（2）您可以使用此插件设置联系人表单-7的样式。它有多种选择。虽然这并不完美，但肯定是一个解决方案。

希望这有帮助

我认为前面的两个答案误解了这个问题。Johny询问如何编辑联系人表格7发送给自己或填写表格的人的html电子邮件

为此，您需要选择“使用HTML内容类型”选项，以便在电子邮件中使用HTML。这在CF7的“邮件”部分

然后，设置html电子邮件模板样式的最简单方法是使用表

首先从带有XHTML doctype的空白html模板开始：

StackOverflow电子邮件模板

然后，您可以添加所需的任何html和信息，以使其看起来符合您的需要：

例如，开始时没有边距或填充可能更容易，因此您可以向body标记添加一些样式：

<body style="margin: 0; padding: 0;">

然后，您需要将所有样式内联添加到表中，因为没有随电子邮件发送的样式表。您还可以像使用普通html一样在节中创建内联样式节

因此，我将为您的示例这样做：

<table align="center" border="0" cellpadding="2" cellspacing="0" width="100%" bgcolor="#ffffff" style="border-collapse: collapse; font-family: Arial,sans-serif; font-size:1em;" >

设置完毕后，您需要将单元格添加到表中

例如，第一行和第二行可以是这样的：

<tbody>
    <tr>    
    <td colspan="6">To: [your-name]</td>
    </tr>
    <tr>
        <td>Falt Utan Flask:</td>
        <td>[Input-One] Back</td>
        <td>Falt Utan Flask:</td>
        <td>[Input-Two] Back</td>
        <td>Set Datum:</td>
        <td>[Date-324]</td>
    </tr>
</tbody>


致：[您的姓名]
Falt Utan烧瓶：
[输入一]返回
Falt Utan烧瓶：
[输入2]返回
设置基准：
[日期-324]

每个将是一个新行，每个部分将是一个新单元。然后继续填充和构建您的表，以显示您想要的方式

您可以根据需要将内联样式添加到或元素中，也可以在前面提到的区域中添加内联样式

这就是我需要为使用contact form 7插件的网站所做的。我发现这些教程非常有用

希望我自己没有误解这个问题，它有点模棱两可，但它是我找到的最接近我所要查找的内容的问题。

编辑插件的

样式.css

，但不建议这样做。我想你必须检查插件的HTML消息格式，看看是否可以修改它。我不认为这将是一项容易的任务，但我不知道插件。这是另一个问题的正确答案，而不是上面提到的问题。