我正在尝试增加电子邮件模板的宽度。我正在尝试修改email-style.php,但似乎没有办法改变。我如何才能改变它?
email-style.php
多谢了。
j9per5c41#
最有用的一个复制是emails/email-styles.php,在那里你会发现宽度在两个地方被定义为600 px;#template-container和#template-body,但也有所有其他样式。任何未定义但存在于电子邮件中的内容都可以添加到此文件中。我使用电子邮件预览插件,这样我就可以在Web检查器中看到效果。如果你想变得更聪明,你可以包含一个外部的css文件,然后使用scss来整合你的网站风格,比如颜色。
emails/email-styles.php
#template-container
#template-body
vqlkdk9b2#
最简单和最常见的方法是在主题中创建一个名为woocommerce/的文件夹,然后从woocommerce插件或github中复制整个templates/目录。这将覆盖插件的功能。在这里您可以找到硬编码的表宽度。
72qzrwbm3#
我认为最好的方法是在woocommerce_email_header中添加一些自定义样式。您可以将以下代码添加到主题的functions.php文件中:
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> '; });
3条答案
按热度按时间j9per5c41#
最有用的一个复制是
emails/email-styles.php
,在那里你会发现宽度在两个地方被定义为600 px;#template-container
和#template-body
,但也有所有其他样式。任何未定义但存在于电子邮件中的内容都可以添加到此文件中。我使用电子邮件预览插件,这样我就可以在Web检查器中看到效果。
如果你想变得更聪明,你可以包含一个外部的css文件,然后使用scss来整合你的网站风格,比如颜色。
vqlkdk9b2#
最简单和最常见的方法是在主题中创建一个名为woocommerce/的文件夹,然后从woocommerce插件或github中复制整个templates/目录。这将覆盖插件的功能。
在这里您可以找到硬编码的表宽度。
72qzrwbm3#
我认为最好的方法是在woocommerce_email_header中添加一些自定义样式。您可以将以下代码添加到主题的
functions.php
文件中: