wordpress 如何更改woocommerce电子邮件模板宽度?

h7wcgrx3  于 2023-03-22  发布在  WordPress
关注(0)|答案(3)|浏览(198)

我正在尝试增加电子邮件模板的宽度。我正在尝试修改email-style.php,但似乎没有办法改变。我如何才能改变它?

多谢了。

j9per5c4

j9per5c41#

最有用的一个复制是emails/email-styles.php,在那里你会发现宽度在两个地方被定义为600 px;#template-container#template-body,但也有所有其他样式。任何未定义但存在于电子邮件中的内容都可以添加到此文件中。
我使用电子邮件预览插件,这样我就可以在Web检查器中看到效果。
如果你想变得更聪明,你可以包含一个外部的css文件,然后使用scss来整合你的网站风格,比如颜色。

vqlkdk9b

vqlkdk9b2#

最简单和最常见的方法是在主题中创建一个名为woocommerce/的文件夹,然后从woocommerce插件或github中复制整个templates/目录。这将覆盖插件的功能。
在这里您可以找到硬编码的表宽度。

72qzrwbm

72qzrwbm3#

我认为最好的方法是在woocommerce_email_header中添加一些自定义样式。您可以将以下代码添加到主题的functions.php文件中:

// Change width of WooCommerce e-mail templates to 800px, and make the layout responsive
add_filter('woocommerce_email_header', function () {
    echo '
        <style type="text/css">
            #template_body,
            #template_container,
            #template_footer {
                width: 100%;
                max-width: 800px;
            }
        </style>
    ';
});

相关问题