最近换了Hueman theme,功能上的修订基本完成了,准备把原来导入的文章清理一下,认真写博客,谁知道打开编辑器居然没有字体相关选项,这个不能忍,经过一翻折腾,凭借者本人高超的上网技巧终于搞出 一套可行的方案,赶紧记下来。
屏蔽 Gutenberg 编辑器
一句代码屏蔽 Gutenberg:添加到主题functions.php文件里即可
//屏蔽 Gutenberg 编辑器 add_filter('use_block_editor_for_post_type', '__return_false');
TinyMCE编辑器增强
调用方式:将以下代码添加到主题functions.php文件里即可:
//TinyMCE编辑器增强 function add_editor_buttons($buttons) { $buttons[] = 'styleselect'; $buttons[] = 'fontselect'; //添加字体选择 $buttons[] = 'fontsizeselect'; // 添加字体大小选择 $buttons[] = 'backcolor'; //字体背景色 $buttons[] = 'del'; $buttons[] = 'cleanup'; return $buttons; }
WordPress自带编辑器的强大往往被人忽略,很大程度上就是其隐藏的编辑按钮默认情况下没有被显示出来而已。完整的编辑器其实包含这些功能:
加粗(bold)、斜体(italic)、下划线(underline)、删除线(strikethrough)、左对齐(justifyleft)、居中(justifycenter)、右对齐(justfyright)、两端对齐(justfyfull)、无序列表(bullist)、编号列表(numlist)、减少缩进(outdent)、缩进(indent)、剪切(cut)、复制(copy)、粘贴(paste)、撤销(undo)、重做(redo)、插入超链接(link)、取消超链接(unlink)、插入图片(image)、清除格式(removeformat)、帮助(wp_help)、打开HTML代码编辑器(code)、水平线(hr)、清除冗余代码(cleanup)、格式选择(formmatselect)、字体选择(fontselect)、字号选择(fontsizeselect)、样式选择(styleselect)、上标(sub)、下标(sup)、字体颜色(forecolor)、字体背景色(backcolor)、特殊符号(charmap)、隐藏按钮显示开关(wp_adv)、隐藏按钮区起始部分(wp_adv_start)、隐藏按钮区结束部分(wp_adv_end)、锚文本(anchor)、新建文本(类似于清空文本)(newdocument)、插入more标签(wp_more)、插入分页标签(wp_page)、拼写检查(spellchecker)。
有需要的功能就按上面的代码规则自行修订吧。
TinyMCE编辑器添加中文字体
//TinyMCE编辑器添加中文字体 add_filter("mce_buttons_3", "add_editor_buttons"); function add_fontfamily($initArray){ $initArray['font_formats'] = "微软雅黑='微软雅黑';黑体='黑体';宋体='宋体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';华文新魏='华文新魏';Arial='Arial';Times New Roman='Times New Roman'"; return $initArray; }
TinyMCE编辑器添加中文字体
//TinyMCE编辑器修订字体大小为px function customize_text_sizes($initArray){ $initArray['fontsize_formats'] = "12px 13px 14px 15px 16px 17px 18px 19px 20px 21px 22px 23px 24px 25px 26px 27px 28px 29px 30px 32px 34px 36px 38px 42px 44px 46px 48px"; return $initArray; } add_filter('tiny_mce_before_init', 'customize_text_sizes');
文章有(2)条网友点评
测试回复可见
网站测试员