最近在幫朋友製作Wordpress版型，但有個特殊的需求，讓梅干想好幾天，那就是在小工具的標題中，分別用了中英文混雜，且樣式還不同，本來想說用CSS來進行選取，但發現到當沒有用標籤來作區隔時，是無法針對中英文來進行選取，雖然說可用javascript的正規表示法來進行分割，但比較麻煩的是，那會產生出視物覺不同步的問題，所以最好的解決方法，就是讓Wordpress的小工具標題支援html標籤，這樣就可解決啦! 因此也有此需求的朋友，不妨參考看看囉!
Step1
首先開啟佈景中的function.php檔，加入下方的語法。
add_filter( ‘widget_title’, ‘wpjam_html_widget_title’ );
function wpjam_html_widget_title( $title ) {
$title = str_replace( ‘[‘, ‘<‘, $title );
$title = str_replace( ‘]’, ‘>’, $title );
$title = str_replace( ‘[/‘, ‘</‘, $title );
return $title;
}
Step2
儲存後，進到Wordpress後台，點一下小工具，這時候就可在標題中使用html語法啦!只是把原來的<>變成了[]。
Step3
設定好後，進到前台，點一下小工具的標題，就會看到裡面包了剛所設定的html語法標籤啦!這樣就可針對二個不同的標籤來進行CSS的樣式設定啦!
