如何为WooCommerce的wc_add_notice提示添加自定义CSS类？

你当前使用的wc_add_notice代码默认会给通知添加woocommerce-error类，要添加自定义类woocommerce-error-messageper，可以用以下两种方法：

方法一：全局给指定类型通知添加自定义类 #

通过WooCommerce的woocommerce_notice_classes过滤器，在主题的functions.php文件或自定义插件中添加以下代码：

add_filter( 'woocommerce_notice_classes', 'add_custom_notice_class', 10, 2 );
function add_custom_notice_class( $classes, $notice_type ) {
    // 仅对error类型的通知追加自定义类
    if ( 'error' === $notice_type ) {
        $classes[] = 'woocommerce-error-messageper';
    }
    return $classes;
}

添加后，所有error类型的WooCommerce通知都会自动带上你需要的自定义类，无需修改原有的wc_add_notice调用代码。

方法二：给单条特定通知添加自定义类 #

如果你只需要给当前这条通知单独加自定义类，可以利用wc_add_notice的第三个参数（WooCommerce 3.9及以上版本支持），直接传入自定义类数组：

wc_add_notice( __('My mensaje!', 'mensajeper'), 'error', array( 'woocommerce-error-messageper' ) );

这种方式仅对当前调用的这条通知生效，不会影响其他同类型的通知。

内容的提问来源于stack exchange，提问作者Edu Rafael