WordPress – 編輯文章新增中文字型選擇器(tiny_mce_before_init)

一般在寫文章時,通常可能常需要使用中文字型,讓網站更加美觀(前提是你要有美感),但預設的WordPress並沒有中文字行的選擇,若要在你的WordPress網站上增加中文字型選擇器,可以利用下面的方式

P.s. 語法可以放在佈景底下的 functions.php 最下面,以不影響佈景語法為主!

(一)網站有安裝 TinyMCE Advanced 直接使用這裡的語法!

你如果已經使用WordPress一陣子了,那你可能早就安裝了這個外掛,他是排版的好工具,可以讓你的文章編輯器功能火力全開!

如果還沒使用過的朋友,可以參考 部落格文章排版的得力助手:Tinymce Advanced,在這邊我就不特別介紹了~

增加過濾器(Filter Hook):tiny_mce_before_init

//
function add_custum_fontfamily($initArray){

    // 中文字型
    $initArray['font_formats'] = "微軟正黑體=微軟正黑體,Microsoft JhengHei;新細明體=PMingLiU,新細明體;標楷體=標楷體,DFKai-SB,BiauKai;黑體=黑體,SimHei,Heiti TC;";

    // 英文字型
    $initArray['font_formats'] .= "Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=v erdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats;";
 
    return $initArray;
}
add_filter('tiny_mce_before_init', 'add_custum_fontfamily');
//

結果如下:

WordPress - 編輯文章新增中文字型選擇器(tiny_mce_before_init) - Barry 隨手寫
TinyMCE Advanced 字型選擇器呈現

(二)網站沒有安裝 TinyMCE Advanced 必須增加這裡的語法!

如果你網站沒有安裝這個外掛,又不太想安裝他,那也沒關係,只要多加入以下代碼

增加過濾器:mce_buttons_2

//
add_filter( 'mce_buttons_2', 'add_font_mce_editor_buttons' );

function add_font_mce_editor_buttons( $buttons ) {

    array_unshift( $buttons, 'fontselect' );
    return $buttons;
}
//

結果如下:

WordPress - 編輯文章新增中文字型選擇器(tiny_mce_before_init) - Barry 隨手寫
TinyMCE 字型選擇器呈現

相連文章

臉書留言

一般留言

留言已關閉。