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

梅問題-《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標籤》

相關文章

Woocommerce與Every8d大整合,當有新訂單立即傳送簡訊通知

Woocommerce與Every8d大整合,當有新訂單立即傳送簡訊通知

「Open Live Writer」微軟專為部落格而生!離線編輯器(支援WordPress、Blogger、痞客邦)

「Open Live Writer」微軟專為部落格而生!離線編輯器(支援WordPress、Blogger、痞客邦)

WordPress外掛-「WP Editor」強化後台編輯器,讓原始碼支援HighLight的高光效果

WordPress外掛-「WP Editor」強化後台編輯器,讓原始碼支援HighLight的高光效果

Woocommerce修正中文化不完全與字詞修改 (附完整繁中包)

Woocommerce修正中文化不完全與字詞修改 (附完整繁中包)

WordPress網站優化外掛「WP Minify Fix」自動合併與壓縮佈景中多個JS、CSS檔,有助於提升Google Speed評分

WordPress網站優化外掛「WP Minify Fix」自動合併與壓縮佈景中多個JS、CSS檔,有助於提升Google Speed評分





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。