帮wordpress 文章编辑器加入可选择字型


tinymce-1

 

wordpress 内建的文章编辑器是TinyMce,一般我们在网站上使用这个这编辑器时,只要依据官方给的参数定义值,就可以直接增加或拿掉编辑器的某些功能按钮,不过在wordpress 里面不建议去修改那些档案,比较好的作法还是利用hook 方式来做。

以下的步骤,我们要先将『字型』这个功能显示出来。再来,我们要修改里面可用的字型种类。

第一步:显示『字体』功能

(这个步骤,若是装过TinyMce advanced 插件就不用做了)

add_filter( 'mce_buttons' , 'add_font_selection_to_tinymce' );
function add_font_selection_to_tinymce($buttons) {
     array_push($buttons, 'fontselect');
     return $buttons;
}

第二步:增添可用的字体

add_filter( 'tiny_mce_before_init', 'use_my_fonts_to_tinymce' );
function use_my_fonts_to_tinymce( $initArray ) {
    $theme_advanced_fonts = '黑体;';
    $theme_advanced_fonts = '微软雅黑;';
    $theme_advanced_fonts .= 'Lato=Lato;';
    $theme_advanced_fonts .= 'Michroma=Michroma;';
    $initArray['font_formats'] = $theme_advanced_fonts;
    return $initArray;
}

注意:以上有列入的字体,才会在『字型』下拉选单中出现。

评论

还没有评论
    评论 说点什么