最近在幫朋友製作 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( '[/', '
Step2
儲存後,進到 Wordpress 後台,點一下小工具,這時候就可在標題中使用 html 語法啦! 只是把原來的變成了 [] 。

Step3
設定好後,進到前台,點一下小工具的標題,就會看到裏麪包了剛所設定的 html 語法標籤啦! 這樣就可針對二個不同的標籤來進行 CSS 的樣式設定啦!


