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

Increase the displayed text size of a WooCommerce email custom field

我想增加 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, $sent_to_admin, $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>';
}