Woocommerce：使用WordPress自定义字段将自定义CSS添加到特定产品页面

Question

这非常适合通过wordpress自定义字段将自定义CSS添加到woocommerce中的特定产品页面。

这是一个问答式“自我解答”式的问题，因为我想帮助别人，您可以在下面的答案中查看工作代码。

Answer 1

在所选的woocommerce产品页面上创建一个新的Wordpress自定义字段，并将CSS包含在值中：

自定义字段名称：css_custom_field

自定义字段值：您的自定义CSS标记。

如果需要，请进行调整，并将其放在子主题的functions.php中：

add_action('wp_head', 'wpse_43673_wp_head');

function wpse_43673_wp_head(){
    global $post;
    $product_id = $post->ID;
    $CSSCustomFieldValue = get_post_meta($product_id,'css_custom_field',true);
    if(!$CSSCustomFieldValue) return;
    echo '<style type="text/css">';
    echo ''.$CSSCustomFieldValue.'';
    echo '</style>';
}

享受！