如何为WordPress产品附加信息标签标题设置红色字体？

下面提供两种可行的解决方案，你可以根据需求选择：

方法一：直接在PHP函数中添加内联样式 #

修改你已有的PHP代码，给标签标题包裹带样式的HTML标签，实现红色显示：

add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );
function woo_rename_tabs( $tabs ) {
    // 重命名附加信息标签并设置红色样式
    $tabs['additional_information']['title'] = __( '<span style="color: #ff0000;">点击查看尺寸</span>' );   
    return $tabs;
}

方法二：通过自定义CSS设置样式（推荐） #

这种方法将样式与逻辑分离，更符合前端规范，后续修改样式也更灵活：

1. 登录WordPress后台，进入「外观」->「自定义」->「额外CSS」
2. 粘贴以下CSS代码：

/* 设置附加信息标签标题为红色 */
.woocommerce-tabs .wc-tabs li.additional_information_tab a {
    color: #ff0000 !important;
}

3. 点击「发布」保存更改即可。

注：如果上述CSS选择器不生效，可以右键检查页面上的标签元素，获取更精准的CSS选择器后替换即可。

内容的提问来源于stack exchange，提问作者Linen and Leather