將靜態圖像添加到WooCommerce電子郵件模板

Question

我想爲我的WooCommerce電子郵件模板添加一些靜態圖標。但是，我正在努力獲得正確的代碼在模板文件中工作。請注意我不是WordPress的專家，但我知道我的模板文件和語言。

我已將電子郵件模板移至我的主題目錄，因此我可以成功覆蓋它們。

我一直在使用鏈接到靜態圖像的標準WordPress的方式嘗試，將在圖像的位置，一個主題內是這樣的：

<img src="<?php bloginfo('template_url'); ?>/woocommerce/emails/images/my-img.jpg" /> 

...這是行不通的。

我很欣賞WooCommerce這樣做的方式可能略有不同。有沒有任何WooCommerce專家有任何想法？我甚至想要什麼？

下面是自帶WooCommerce捆綁爲例電子郵件模板：

<?php 
/** 
* Admin new order email 
* 
* @author WooThemes 
* @package WooCommerce/Templates/Emails/HTML 
* @version 2.0.0 
*/ 
if (! defined('ABSPATH')) { 
    exit; // Exit if accessed directly 
} 
?> 

<?php do_action('woocommerce_email_header', $email_heading); ?> 

<p><?php printf(__('You have received an order from %s. Their order is as follows:', 'woocommerce'), $order->billing_first_name . ' ' . $order->billing_last_name); ?></p> 

<?php do_action('woocommerce_email_before_order_table', $order, true, false); ?> 

<h2><a href="<?php echo admin_url('post.php?post=' . $order->id . '&action=edit'); ?>"><?php printf(__('Order #%s', 'woocommerce'), $order->get_order_number()); ?></a> (<?php printf('<time datetime="%s">%s</time>', date_i18n('c', strtotime($order->order_date)), date_i18n(wc_date_format(), strtotime($order->order_date))); ?>)</h2> 

<table cellspacing="0" cellpadding="6" style="width: 100%; border: 1px solid #eee;" border="1" bordercolor="#eee"> 
    <thead> 
     <tr> 
      <th scope="col" style="text-align:left; border: 1px solid #eee;"><?php _e('Product', 'woocommerce'); ?></th> 
      <th scope="col" style="text-align:left; border: 1px solid #eee;"><?php _e('Quantity', 'woocommerce'); ?></th> 
      <th scope="col" style="text-align:left; border: 1px solid #eee;"><?php _e('Price', 'woocommerce'); ?></th> 
     </tr> 
    </thead> 
    <tbody> 
     <?php echo $order->email_order_items_table(false, true); ?> 
    </tbody> 
    <tfoot> 
     <?php 
      if ($totals = $order->get_order_item_totals()) { 
       $i = 0; 
       foreach ($totals as $total) { 
        $i++; 
        ?><tr> 
         <th scope="row" colspan="2" style="text-align:left; border: 1px solid #eee; <?php if ($i == 1) echo 'border-top-width: 4px;'; ?>"><?php echo $total['label']; ?></th> 
         <td style="text-align:left; border: 1px solid #eee; <?php if ($i == 1) echo 'border-top-width: 4px;'; ?>"><?php echo $total['value']; ?></td> 
        </tr><?php 
       } 
      } 
     ?> 
    </tfoot> 
</table> 

<?php do_action('woocommerce_email_after_order_table', $order, true, false); ?> 

<?php do_action('woocommerce_email_order_meta', $order, true, false); ?> 

<h2><?php _e('Customer details', 'woocommerce'); ?></h2> 

<?php if ($order->billing_email) : ?> 
    <p><strong><?php _e('Email:', 'woocommerce'); ?></strong> <?php echo $order->billing_email; ?></p> 
<?php endif; ?> 
<?php if ($order->billing_phone) : ?> 
    <p><strong><?php _e('Tel:', 'woocommerce'); ?></strong> <?php echo $order->billing_phone; ?></p> 
<?php endif; ?> 

<?php wc_get_template('emails/email-addresses.php', array('order' => $order)); ?> 

<?php do_action('woocommerce_email_footer'); ?> 

下面是該模板的鏈接在GitHub上：https://github.com/woothemes/woocommerce/blob/master/templates/emails/admin-new-order.php

任何幫助，將不勝感激，謝謝！

Answer 1

試試這個：

<img src="<?php echo get_template_directory_uri(); ?>/woocommerce/emails/images/my-img.jpg" />