能否修改WordPress Customizer中自定义Panel/Section链接的颜色？

当然可以改啦！不管是默认的Panel/Section，还是你自己创建的自定义Section，都能轻松调整它们的链接颜色。我给你分享两种实用的方法，你可以根据自己的需求选：

方法一：用自定义CSS快速修改（最省心） #

这是最简单的方式，直接通过自定义CSS覆盖默认样式就行。你可以针对所有Section/Panel，或者单独调整它们的链接颜色、hover效果：

/* 修改所有Customizer Section标题链接的默认颜色 */
.wp-customizer .customize-section-title h3 a {
    color: #ff4444; /* 替换成你想要的十六进制颜色码 */
}

/* 修改所有Panel标题链接的颜色 */
.wp-customizer .customize-panel-title h3 a {
    color: #0099cc;
}

/* 鼠标悬停时的高亮颜色 */
.wp-customizer .customize-section-title h3 a:hover,
.wp-customizer .customize-panel-title h3 a:hover {
    color: #cc0000;
}

添加方式：

• 进入WordPress后台，依次点击「外观」→「自定义」→「额外CSS」
• 把上面的代码粘贴进去，调整颜色码后保存即可。

方法二：用PHP钩子精准控制（针对特定自定义Section） #

如果你只想修改某个特定的自定义Section链接颜色，不想影响其他默认项，可以用PHP钩子来加载专属样式。假设你的自定义Section ID是my_custom_section，代码如下：

add_action( 'customize_controls_enqueue_scripts', 'custom_customizer_section_link_color' );
function custom_customizer_section_link_color() {
    ?>
    <style type="text/css">
        /* 仅针对ID为my_custom_section的Section修改链接颜色 */
        #accordion-section-my_custom_section .customize-section-title h3 a {
            color: #8bc34a;
        }
        #accordion-section-my_custom_section .customize-section-title h3 a:hover {
            color: #689f38;
        }
    </style>
    <?php
}

使用说明：

• 把这段代码添加到你当前主题的functions.php文件，或者自定义插件中
• 记得把my_custom_section替换成你实际创建的自定义Section ID（如果不确定ID，可以用浏览器开发者工具查看对应Section的父元素ID，格式为accordion-section-你的SectionID）

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