wordpress CMS主题 微信
  • 全部教程
  • Home > wordpress CMS主题制作 > 如何给wordpress CMS主题文章编辑器添加字号、字体等按钮?

    如何给wordpress CMS主题文章编辑器添加字号、字体等按钮?

    高时银博客 wordpress CMS主题制作 点击: 2,461 次 0 2

    对于wordpress 默认的文章编辑器,使用过wordpress的朋友都会知道,非常简单,只配有基本的一些简单功能按钮(如下图1)。这样一来,对于一些要求比较高的用户来说,就不够用了。比如:想调整字体、字体大小、缩进等等,这个时候,我们就有必要为wordpress CMS主题添加一下这些按钮了。那么, 怎样为wordpress cms主题添加字号按钮到文章编辑器中呢?下面就随高时银博客一起来看看吧。

    如何给wordpress CMS主题文章编辑器添加字号、字体等按钮?

    其实实现起来还是非常简单的,在你的wordpress主题的functions.php文件中添加如下代码:

    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 CMS主题的文章编辑器添加了9个很管用的按钮:水平线、字体、字号、格式、分页符、复制、粘贴、剪切、背景色。这些按钮可以很好地丰富我们的文章内容。效果如下图:

    如何给wordpress CMS主题文章编辑器添加字号、字体等按钮?

     

    以下提供一下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)

     

    嗯,本章是继前面介绍的在wordpress CMS主题中添加百度广告按钮后,再次介绍有关给wordpress主题添加相关按钮的文章。这样,我们文章编辑器就更加的丰富了。


    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201506184425.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    目前还没有评论。赶快来坐沙发吧。

    发表评论