WordPress, 網站架設

WordPress教學-讓WordPress小工具標題支援html標籤語法

2015/04/14
梅問題-《Wordpress小工具標題支援html標籤》
  最近在幫朋友製作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( '[/', '
梅問題-《Wordpress小工具標題支援html標籤》
Step2
儲存後,進到Wordpress後台,點一下小工具,這時候就可在標題中使用html語法啦!只是把原來的<>變成了[]。
梅問題-《Wordpress小工具標題支援html標籤》
Step3
設定好後,進到前台,點一下小工具的標題,就會看到裡面包了剛所設定的html語法標籤啦!這樣就可針對二個不同的標籤來進行CSS的樣式設定啦!
梅問題-《Wordpress小工具標題支援html標籤》