增加 WooCommerce 电子邮件自定义字段的显示文本大小

问题描述

我只想增加 HTML 电子邮件中自定义字段的文本大小。我该如何使用此代码？

add_filter( 'woocommerce_email_order_Meta_fields','custom_woocommerce_email_order_Meta_fields',10,3 );
function custom_woocommerce_email_order_Meta_fields( $fields,$sent_to_admin,$order ) {
    $fields['name_460'] = array(
        'label' => __( 'Customer Notes' ),'value' => get_post_meta( $order->id,'name_460',true ),);
    return $fields;
}

解决方法

要增加 WooCommerce 电子邮件通知中自定义字段值的文本大小，您可以使用以下内容：

add_filter( 'woocommerce_email_order_meta_fields','filter_wc_email_order_meta_fields',10,3 );
function filter_wc_email_order_meta_fields( $fields,$sent_to_admin,$order ) {
    $size = 20; // Set here the text size in pixels (px)
    
    $fields['name_460'] = array(
        'label' => __( 'Customer Notes' ),'value' => '<span style="font-size:'.$size.'px;">' . $order->get_meta('name_460') . '</span>',);
    return $fields;
}

代码位于活动子主题（或活动主题）的functions.php 文件中。经测试有效。

---

如果您还需要增加标签文本替换该行：

'label' => __( 'Customer Notes' ),

与：

'label' => '<span style="font-size:'.$size.'px;">' . __( 'Customer Notes' ) . '</span>',

---

您也可以使用以下方式，使用不同的钩子：

add_filter( 'woocommerce_email_order_meta','action_wc_email_order_meta',20,4 );
function action_wc_email_order_meta( $order,$plain_text,$email ) {
    $size  = 20; // Set here the text size in pixels (px)
    $label = __('Customer Notes','woocommerce'); // Define the label text
    $value = $order->get_meta('name_460'); // Get custom field value
    
    echo '<p style="font-size:'.$size.'px;"><strong>' . $label . ':</strong> ' . $value . '</p>';
}