close
梅問題‧教學網【Minwt】

♣梅問題‧教學網【Minwt】♣

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

Posted: 13 Apr 2015 03:00 PM PDT

梅問題－《Wordpress小工具標題支援html標籤》
　　最近在幫朋友製作Wordpress版型，但有個特殊的需求，讓梅干想好幾天，那就是在小工具的標題中，分別用了中英文混雜，且樣式還不同，本來想說用CSS來進行選取，但發現到當沒有用標籤來作區隔時，是無法針對中英文來進行選取，雖然說可用javascript的正規表示法來進行分割，但比較麻煩的是，那會產生出視物覺不同步的問題，所以最好的解決方法，就是讓Wordpress的小工具標題支援html標籤，這樣就可解決啦! 因此也有此需求的朋友，不妨參考看看囉!
Step1
首先開啟佈景中的function.php檔，加入下方的語法。
?View Code PHP
1 2 3 4 5 6 7 8 9 10 
<?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;
}
?>
梅問題－《Wordpress小工具標題支援html標籤》
Step2
儲存後，進到Wordpress後台，點一下小工具，這時候就可在標題中使用html語法啦!只是把原來的<>變成了[]。
梅問題－《Wordpress小工具標題支援html標籤》
Step3
設定好後，進到前台，點一下小工具的標題，就會看到裡面包了剛所設定的html語法標籤啦!這樣就可針對二個不同的標籤來進行CSS的樣式設定啦!
梅問題－《Wordpress小工具標題支援html標籤》
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 knoledge 的頭像
    knoledge

    討論

    knoledge 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄