wordpress - 联系表格 7 (wordpress) 样式 hml 邮件模板

我正在使用联系表单 7(wordpress、联系表单)作为订单页面对于产品。但我对以相同的 3 列样式设计 HTML 邮件模板感兴趣如图所示。有什么简单的方法可以做到这一点吗？ enter image description here

最佳答案

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

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

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

首先从带有 XHTML 文档类型的空白 html 模板开始:

StackOverflow 电子邮件模板
然后您可以添加所需的任何 html 和信息，使其看起来像您想要的那样:

例如，从没有边距或填充的情况开始可能更容易，因此您可以向正文标记添加一些样式:

<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>

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

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

这就是我需要为使用联系表单 7 插件的网站做的事情。我发现这些教程非常有帮助。

Tut 1
Tut 2

希望我自己没有误解这个问题，它有点含糊，但这是我发现的最接近我正在寻找的问题。

关于wordpress - 联系表格 7 (wordpress) 样式 hml 邮件模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13351259/

wordpress - 联系表格 7 (wordpress) 样式 hml 邮件模板

上一篇：oracle - 使用 eclipselink 时避免 CHAR 修剪

下一篇：windows - 使用 Windows 中的标志运行可执行文件