如何避免在WooCommerce电子邮件模板中插入样式

Question

模板中有一些HTML元素，例如模板/电子邮件/电子邮件标题。php第41行表#模板_容器，没有内联样式：

<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container">

但当它在前端渲染时，它会以许多内联样式出现：

<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container"
style="background-color: #ffffff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); border-radius: 3px;">

如何以及在哪里进行这种风格的注射？

如何避免这种风格的注射？

我想在模板中编写自己的内联样式。做这件事的正确方法是什么？

我注意到，一些注入，比如上面的例子，取决于元素的ID，所以我可以删除它们的ID，但其他情况下是可变的，比如模板/电子邮件/电子邮件头。php第48行：

<h1><?php echo $email_heading; ?></h1>

它被呈现为：

<h1 style="font-family: &quot;Helvetica Neue&quot;, Helvetica, Roboto, Arial, sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ffffff; color: #202020; background-color: inherit;">HTML email template</h1>

感谢您的帮助。非常感谢。

Answer 1

1） 可以在templates/email/email styles中找到来自#template_container的样式注入。php第58-63行@version 4.0.0。

#template_container {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important;
    background-color: <?php echo esc_attr( $body ); ?>;
    border: 1px solid <?php echo esc_attr( $bg_darker_10 ); ?>;
    border-radius: 3px !important;
}

2） 调用模板文件时传递$email_heading，请参阅includes/class wc emails。php第263-270行@2.3.0版

/**
 * Get the email header.
 *
 * @param mixed $email_heading Heading for the email.
 */
public function email_header( $email_heading ) {
    wc_get_template( 'emails/email-header.php', array( 'email_heading' => $email_heading ) );
}

然而，样式注入也通过模板/电子邮件/在行176-185@version 4.0.0上的email-styles.php进行

h1 {
    color: <?php echo esc_attr( $base ); ?>;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 150%;
    margin: 0;
    text-align: <?php echo is_rtl() ? 'right' : 'left'; ?>;
    text-shadow: 0 1px 0 <?php echo esc_attr( $base_lighter_20 ); ?>;
}

所以要回答你的问题：

如果要应用自己的样式，或要修改现有样式。您必须覆盖模板文件。可以通过将模板文件复制到yourtheme/woocommerce/emails/email styles来覆盖模板文件。php。

另请参阅：模板结构