给wordpress 经典编辑器添加功能按钮?

技术文档评论102阅读模式

对于wordpress 默认的文章编辑器,使用过wordpress的朋友都会知道,非常简单,只配有基本的一些简单功能按钮。这样一来,对于一些要求比较高的用户来说,就不够用了。

比如:想调整两端对齐、字体、字体大小、缩进等等。在你的wordpress主题的functions.php文件中添加如下代码:文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

function add_more_buttons($buttons) {
$buttons[] = 'hr'; //水平线
$buttons[] = 'fontselect'; //字体
$buttons[] = 'fontsizeselect'; //字号
$buttons[] = 'styleselect'; //样式,格式
$buttons[] = 'wp_page'; //分页符
$buttons[] = 'copy'; //复制
$buttons[] = 'paste'; //粘贴
$buttons[] = 'cut'; //剪切
$buttons[] = 'backcolor'; //背景色
return $buttons;
}
add_filter("mce_buttons_3", "add_more_buttons");

给wordpress 经典编辑器添加功能按钮?文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

PS注意:mce_buttons_3这个里面的3是代表放在按钮第几行,改成2,就是放在第二行。下图是修改成“2”的样式。文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

给wordpress 经典编辑器添加功能按钮?文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

以下提供wordpress编辑器的一些按钮调用的Key代码,可能根据自己的需要添加到上面的代码中:文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

1.剪切(cut)复制(copy)粘贴(paste)撤销(undo)重做(redo)居中(justifycenter
文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

2.加粗(bold)斜体(italic)左对齐(justifyleft)右对齐(justfyright)文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

3.两端对齐(justfyfull)插入超链接(link)取消超链接(unlink)插入图片(image)文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

4.清除格式(removeformat)下划线(underline)删除线(strikethrough)文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

5.锚文本(anchor)新建文本(newdocument)文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

6.字体颜色(forecolor)字体背景色(backcolor)文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

7.格式选择(formmatselect)字体选择(fontselect)字号选择(fontsizeselect)文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

8.样式选择(styleselect)无序列表(bullist)编号列表(numlist)文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

9.减少缩进(outdent)缩进(indent)帮助(wp_help)文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

10打开HTML代码编辑器(code)水平线(hr)清除冗余代码(cleanup)文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

11.上标(sub)下标(sup)特殊符号(charmap)插入more标签(wp_more)文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

12.插入分页标签(wp_page)文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

13.隐藏按钮显示开关(wp_adv)文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html

文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html文章源自飞牛士 FeiNews-https://www.feinews.com/experience/26338.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定