求助:为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
相关产品推荐
相关产品推荐

