快速给WordPress编辑器增强可视化功能

有个客户反应wordpress的编辑器没有字体以及字号的设置,WordPress默认的编辑器并没有字体以及字号等的设置,那么怎么让编辑器可以直接设置字体以及字号等呢?那么很简单,既然没有这个能,再加上不就好了么?

修改当前所用主题下的functions.php,在最后一行?>之前,加入下面的代码:

 代码如下 复制代码

//增强编辑器开始
function add_editor_buttons($buttons) {
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'backcolor';
$buttons[] = 'underline';
$buttons[] = 'hr';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'cut';
$buttons[] = 'copy';
$buttons[] = 'paste';
$buttons[] = 'cleanup';
$buttons[] = 'wp_page';
$buttons[] = 'newdocument';
return $buttons;
}
add_filter("mce_buttons_3", "add_editor_buttons");

//增强编辑器结束
保存修改后的functions.php并上传到主题目录覆盖以后,再看看可视化编辑器的变化:
增强WordPress的可视化编辑器功能
引申阅读:

如仍觉得可视化编辑器的按钮不够用,或者没有自己想要用的按钮,仍可以继续添加,方法是把代码中 “$buttons[] =” 后面单引号内的单词换成下面括号里列出的Key代码就可以了。
wordpress编辑器按钮调用的Key代码:剪切(cut)
复制(copy)
粘贴(paste)
撤销(undo)
重做(redo)
居中(justifycenter)
加粗(bold)
斜体(italic)
左对齐(justifyleft)
右对齐(justfyright)
两端对齐(justfyfull)
插入超链接(link)
取消超链接(unlink)
插入图片(image)
清除格式(removeformat)
下划线(underline)
删除线(strikethrough)
锚文本(anchor)
新建文本(newdocument)
字体颜色(forecolor)
字体背景色(backcolor)
格式选择(formmatselect)
字体选择(fontselect)
字号选择(fontsizeselect)
样式选择(styleselect)
无序列表(bullist)
编号列表(numlist)
减少缩进(outdent)
缩进(indent)
帮助(wp_help)
打开HTML代码编辑器(code)
水平线(hr)
清除冗余代码(cleanup)
上标(sub)
下标(sup)
特殊符号(charmap)
插入more标签(wp_more)
插入分页标签(wp_page)
隐藏按钮显示开关(wp_adv)
隐藏按钮区起始部分(wp_adv_start)
隐藏按钮区结束部分(wp_adv_end)
拼写检查(spellchecker)
最后:不善于编辑文件直接改代码的同学,建议使用code snippets这款插件来管理functions.php的代码片段!

注意:Update: ,登录后台,点击右边的用户选项,然后点击你博客发表文章所用的用户名,在你的档案和个人设置项里,勾选可视化编辑选项,可爱的“可视化编辑器”按纽出现了,呵呵。

时间: 2024-10-30 04:23:43

快速给WordPress编辑器增强可视化功能的相关文章

wordpress博客中编辑器添加分页功能

可是wordpress默认的编辑器中没有这个按钮哇.不要着急,本节高时银博客就带大家一起来给文章编辑器添加一个分页按钮. 在主题的function.php函数模板文件里添加如下代码:  代码如下 复制代码     //在 WordPress 编辑器添加"下一页"按钮     add_filter('mce_buttons','wpdaxue_add_next_page_button');     function wpdaxue_add_next_page_button($mce_bu

wordpress编辑器中添加分页(nextpage)按钮方法

也可以用这篇文章说的方法在后台编辑器上添加自己喜欢的快捷键按钮,十分的方便,已经过本人测试,非常好用. ------- 相信现在使用wordpress3.0发布文章,添加文章时在编辑器上只会看得到一个more标签(摘取文章摘要),但是有时候写的文章字数比较多,放在一页会影响读者的阅读兴趣,所以需要将长文章分页,这样不会引起读者心里上的反感. 文章分页功能在WordPress 1.5版本中的文章编辑器中有这个功能,但是不知为什么后来从编辑器中去掉了,不过文章分页并未真正的消失,我们可以通过修改程序

快速搭建WordPress网站教程

本文是快速搭建WordPress网站教程.WordPress 是一款常用的搭建个人博客网站的软件.使用 WordPress 可以搭建功能强大的网络信息发布平台,但更多的是应用于个性化的博客.针对博客的应用,WordPress 能让您省却对后台技术的担心,集中精力做好网站的内容. ##适用对象 本文档介绍如何使用云市场的镜像快速搭建 WordPress 博客平台.适用于刚开始使用阿里云进行建站的个人用户. ##基本流程 1. 购买 WordPress 镜像. 2. 绑定域名. ###购买 Word

WordPress 编辑器按钮 Visual Editor Custom Buttons 使用教程

这个插件是利用 post type 来添加按钮的,所以安装此插件后会添加一个自定义 post 类型:vecb_editor_buttons 插件名:Visual Editor Custom Buttons 插件地址:https://wordpress.org/plugins/visual-editor-custom-buttons/ 功能简介:添加自定义编辑器按钮,支持 Visual 和 HTML 模式 如给 HTML 模式添加 Pre 按钮: 1. 点击此插件的设置:在 WordPress 后

让WordPress编辑器支持内联SVG代码

WordPress编辑器对SVG的支持一向是非常的不友好,首先它不能上传SVG文件,也不能自动的嵌入到内容中让它正常显示.同时,对内联SVG代码根本不识别,会无情的将SVG代码自动删除. 相信你也知道,Wordpress使用的是TinyMCE编辑器,而TinyMCE编辑器仅对标准的HTML5标记进行支持,SVG代码一律不识别,当我在Wordpress的编辑器了"可视化"和"文本"两个标签间切换时,所有的SVG代码都被干净的删除. 网上有很多关于如何让Wordpres

善用表格来增强网页功能

网页 由于表格可以帮助网页设计者有效灵活地组织各种信息,与普通排版方式相比,表格可以实现各种新颖复杂的排版,让网页能更好地吸引网友的注意力.表格由单元格组成,单元格是指表格中由水平线和竖直线围成的小方块.表格的每一个单元格都是一个独立的文本输入区域,它有自己的空白和制表元素.可以向在一个普通的页面中一样,在单元格中输入文字.插入图象.以及其他网页制作元素,或者对单元格中的内容进行格式排版和编辑等操作.在网页设计中,要是能够灵活运用表格,我们就能很轻易地增强网页功能.好了,下面我们让一起探索一下网

Photoshop快速给玫瑰花图片增强饱和度

快速给玫瑰花图片增强饱和度 教程介绍较为实用的外景图片美化方法.调色的过程比较简单,只需要用曲线稍微增强一下对比,然后用色彩平衡等增强图片的饱和度和鲜艳度即可. 原图 <点小图查看大图> 最终效果1.打开原图素材,创建亮度/对比度调整图层,参数设置如下图,数值根据图片实际情况而定. 2.创建曲线调整图层,对RGB进行调整.记住这个曲线,很多照片都可以用与之相仿的曲线来处理. 3.创建色彩平衡调整图层,这一步要视图片的总体情况而定,例如现在这幅图总体看起来偏紫,于是就用色彩平衡把画面调得偏黄一点

纹理-完成下面任意一个可视化功能模块的详细设计,包括数据模型的选择、功能设计、算法描述、实现过程

问题描述 完成下面任意一个可视化功能模块的详细设计,包括数据模型的选择.功能设计.算法描述.实现过程 完成下面任意一个可视化功能模块的详细设计,包括数据模型的选择.功能设计.算法描述.实现过程 1. 三维地质体建模功能(可基于钻孔数据.剖面数据或者混合数据展开设计) 2. 三维地形多层次细节(LOD)显示功能(可基于TIN地形或者GRID地形展开设计) 3. 复杂地物(建筑物)建模功能设计(造型.插值.贴纹理等) 4. 地质体三维矢量剪切分析功能(可基于BSP树体剪切或者B-Rep模型面剪切展开

opengl-完成下面任意一个可视化功能模块设计,OpenGL或者mapgis(求代码)

问题描述 完成下面任意一个可视化功能模块设计,OpenGL或者mapgis(求代码) 1. 三维地质体建模功能(可基于钻孔数据.剖面数据或者混合数据展开设计) 2. 三维地形多层次细节(LOD)显示功能(可基于TIN地形或者GRID地形展开设计) 3. 地质体三维矢量剪切分析功能(可基于BSP树体剪切或者B-Rep模型面剪切展开设计)