You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

求助:为Colormag主题的WYSIWYG编辑器添加悬停链接样式

解决Colormag主题WYSIWYG编辑器链接悬停样式问题

1. 修正自定义编辑器CSS文件

你之前的CSS仅定义了链接的默认样式,未添加悬停状态规则,需要补充:hover伪类来实现需求:

/* 默认链接样式(可根据需求调整) */
a {
    color: #333;
    text-decoration: underline;
}

/* 鼠标悬停时的链接高亮样式 */
a:hover {
    color: blue;
    text-decoration: none; /* 可选,取消下划线强化高亮 */
    background-color: #f0f8ff; /* 可选,添加背景色增强视觉效果 */
}

2. 修正functions.php中的代码

add_editor_style无需拼接完整URL,直接传入主题目录下的相对路径即可,同时建议使用admin_init钩子(针对后台编辑器场景更精准):

function ajouter_style_editeur() {
    // 传入主题根目录下的CSS文件相对路径
    add_editor_style( 'custom-editor-style.css' );
}
// 仅在后台初始化时加载编辑器样式
add_action( 'admin_init', 'ajouter_style_editeur' );

3. 验证与排查

  • 确认custom-editor-style.css文件放在当前激活的Colormag主题(或子主题)根目录下
  • 清除浏览器缓存和WordPress后台缓存,刷新编辑器页面查看效果
  • 若仍不生效,可通过浏览器开发者工具检查编辑器iframe内是否加载了自定义CSS,确认路径是否正确

内容的提问来源于stack exchange,提问作者ariane

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.19 05:34:54