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標籤》

相關文章

PIXNET痞客邦無痛搬家到WordPress

PIXNET痞客邦無痛搬家到WordPress

WordPress外掛-「Page and Post Clone」快速複製文章與頁面的內容

WordPress外掛-「Page and Post Clone」快速複製文章與頁面的內容

修正綠界Woocommerce金流外掛,使用ATM結帳自動扣除庫存量

修正綠界Woocommerce金流外掛,使用ATM結帳自動扣除庫存量

WordPress外掛-「Admin Menu Editor」自訂WP後台選單的項目與名稱

WordPress外掛-「Admin Menu Editor」自訂WP後台選單的項目與名稱

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

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





回應本篇 »

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

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

近期講座

2017 (二月講座)

更多講座