如何给WordPress可视化编辑器添加更多按钮

WordPress默认可视化编辑器的功能按钮非常有限,对于习惯在后台可视化编辑模式下撰写文章的朋友来说可能会十分不方便,这也是为什么有的朋友索性使用插件来代替的原因了。其实Wordpress可视化编辑器的可用按钮不止这么多的,我们可以想办法将暗藏的有用按钮“揪”出来!方法很简单,就利用一段function函数便可以实现。

利用添加一个add_filter的方法,这里我们要添加的按钮是:hr, sub, sup, fontselect, fontsizeselect, cleanup, styleselect等共七个按钮,中文的意思分别为:横向分隔线, 上标, 下标, 字体, 字体大小, 无用代码清除, 样式选择。

wp-editor

将以下代码添加到当前主题的functions.php文件中:

function add_more_buttons($buttons) { 
$buttons[] = 'hr'; 
$buttons[] = 'sub'; 
$buttons[] = 'sup'; 
$buttons[] = 'fontselect'; 
$buttons[] = 'fontsizeselect'; 
$buttons[] = 'cleanup'; 
$buttons[] = 'styleselect'; 
return $buttons; 
} 
add_filter("mce_buttons_3", "add_more_buttons"); 

代码中的数字“3”即表示新添加的按钮会排在第三行,也就是原有按钮的最底部。我们共添加了六个比较常用的按钮,当然啦,你可以只添加自己需要的,如果用不到的就没有必要加上去了。最后保存一下functions.php文件就完工了。

代码来源:WPMU

你可能还喜欢:

分享这篇日志:

如何给WordPress可视化编辑器添加更多按钮》上有 5 条评论

  1. Pingback 引用通告: 给wordpress编辑器添加更多按钮 | 乌托『不再』邦

  2. 优秀,碰巧收集了一些有关WordPress编辑按钮的Key分享下

    1.剪切(cut)复制(copy)粘贴(paste)撤销(undo)重做(redo)居中(justifycenter)
    2.加粗(bold)斜体(italic)左对齐(justifyleft)右对齐(justfyright)
    3.两端对齐(justfyfull)插入超链接(link)取消超链接(unlink)插入图片(image)
    4.清除格式(removeformat)下划线(underline)删除线(strikethrough)
    5.锚文本(anchor)新建文本(newdocument)
    6.字体颜色(forecolor)字体背景色(backcolor)
    7.格式选择(formmatselect)字体选择(fontselect)字号选择(fontsizeselect)
    8.样式选择(styleselect)无序列表(bullist)编号列表(numlist)
    9.减少缩进(outdent)缩进(indent)帮助(wp_help)
    10打开HTML代码编辑器(code)水平线(hr)清除冗余代码(cleanup)
    11.上标(sub)下标(sup)特殊符号(charmap)插入more标签(wp_more)
    12.插入分页标签(wp_page)
    13.隐藏按钮显示开关(wp_adv)
    14.隐藏按钮区起始部分(wp_adv_start)
    15.隐藏按钮区结束部分(wp_adv_end)
    16.拼写检查(spellchecker)

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>