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');
//
結果如下:
(二)網站沒有安裝 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;
}
//
結果如下:
請問在哪一個檔案加入語法呢?
Hi ~ 加入在正在使用的佈景根目錄 functions.php 最下方即可
請問CSS要增加在哪邊,謝謝。
中文字型選擇器沒有關聯到CSS的部分,要看您想加入的CSS是要使用在哪邊的