Question

我正在尝试设置电子邮件标题背景图片。

我正在尝试修改电子邮件模板文件email-header.php。另外，我将img放在与email-header.php - ＆gt;相同的目录中。 theme->my-theme->woocommerce->email 这是我的代码：

    <table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container">
                        <tr>
                            <td align="center" valign="top" >
                         //add the custom img
                            <img src="email_header-graphic.jpg" alt="" style="width:auto; height:auto;">
                                <!-- Header -->
                                <table border="0" cellpadding="0" cellspacing="0" width="600" id="template_header">
                                    <tr>
                                        <td id="header_wrapper">
                                            <h1><?php echo $email_heading; ?></h1>
                                        </td>
                                    </tr>
                                </table>

然而，这不起作用。如何将模板标题修改为图像？

感谢您的帮助。

新：

尝试修改email-styles.php：

 #template_header {

border-radius: 3px 3px 0 0 !important;
background-image: url("<?php echo get_template_directory_uri() . "/woocommerce/email"; ?>/email_header-graphic.jpg");
border-bottom: 0;
font-weight: bold;
line-height: 100%;
vertical-align: middle;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   }

检查显示不同的链接：

https://ci6.googleusercontent.com/proxy/....../http://myweb.com.hk/wp-content/themes/mytheme/woocommerce/email/email_header-graphic.jpg

我正在尝试在css上添加背景图像。我也显示标题的颜色。现在是这样的：

Answer 1

我的方式与你想做的不同。我将图像放在email-header.php中的header表中的“background”中，如下所示：

<!-- Header -->
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_header"  background="<?php echo home_url(); ?>/wp-content/uploads/email-bg.png">
<tr>
    <td id="header_wrapper">
        <h1><?php echo $email_heading; ?></h1>
    </td>
</tr>
</table>
<!-- End Header -->

确保将图像“email-bg.png”添加到您的uploads文件夹，或相应地编辑文件路径和文件名。我还建议在WooCommerce =＆gt;中设置“基色”。设置=＆gt;电子邮件，以便在未显示图像时显示您喜欢的颜色（默认情况下，电子邮件图像通常不会显示）。

提示：请务必在主题目录中创建一个woocommerce / emails / email-header.php文件，以便更新不会覆盖您的更新。

设置woocommerce电子邮件标题背景图像

1 个答案: