如何在WordPress后台翻译WPBakery Page Builder菜单?
解决WordPress后台WPBakery Page Builder菜单文字修改问题
你的问题出在选择器定位错误以及目标元素不对:之前的代码直接针对整个菜单li元素,还包含了不符合当前状态的类(比如.wp-has-current-submenu,但你的菜单实际是.wp-not-current-submenu),而且没有精准定位到承载文字的容器。
根据你提供的HTML结构,菜单文字在.wp-menu-name这个div里,子菜单头部文字在.wp-submenu-head里,用以下CSS可以实现修改:
/* 修改主菜单的WPBakery文字 */ #toplevel_page_vc-general .wp-menu-name { visibility: hidden; position: relative; height: 20px; /* 固定高度防止布局偏移 */ } #toplevel_page_vc-general .wp-menu-name:after { visibility: visible; position: absolute; top: 0; left: 0; content: 'Page Builder' !important; white-space: nowrap; /* 避免文字换行 */ } /* 可选:修改子菜单头部的同名文字 */ #toplevel_page_vc-general .wp-submenu-head { visibility: hidden; position: relative; } #toplevel_page_vc-general .wp-submenu-head:after { visibility: visible; position: absolute; top: 0; left: 0; content: 'Page Builder' !important; }
代码说明:
#toplevel_page_vc-general是该菜单li的唯一ID,确保只修改这个菜单,不会影响其他后台菜单- 针对
.wp-menu-name操作,不会影响菜单图标区域,只替换文字部分 - 设置
height和white-space是为了让新文字和原文字的布局一致,避免菜单错位 - 子菜单头部的代码是可选的,如果不需要修改子菜单标题可以删掉这部分
内容的提问来源于stack exchange,提问作者Philip Rustad
相关产品推荐
相关产品推荐

