close
♣梅問題‧教學網【Minwt】♣ |
WordPress教學-顯示WordPress當前文章的分類樣式 Posted: 19 May 2015 03:00 PM PDT
現在有愈來愈朋友使用Wordpress,除了簡單好上手外,再來就是有無數的外掛元件,甚至佈景也相當容易修改,因此無論是要用來架設官網、形象網站,或購物也沒問題,因此最近梅干就將用許久的Opencat購物車,改用Wordpress來架設,並且搭配歐付寶的付款機制,以梅干商品不多的情況下,還蠻簡易好用的,但有個小問題就是,當今天進入單一頁面時,就無法顯示該頁面的分類,這對於使用者經驗來說,會讓人搞不清楚目前是在那個階層下,所以梅干花了點時間,研究了一下它的分類顯示方式,並再搭配一點javascript後,立即就可實現在當頁面中,也能顯示該分類的狀態,因此有需要的朋友也一塊來看看囉!
Step1 開啟footer.php後,在下方加入以下的語法。
<?php
if(is_single()){ $categories = get_the_category(); $category_id = $categories[0]->cat_ID; $cId = '.cat-item-'.$category_id; } ?> <script> $(function(){ $('<?php echo $cId?>').addClass('current-cat'); }); </script> Step2 由於它會在該分類中加入current-cat的樣式名稱,所以在style的地方,也要加入current-cat的顯示效果。 Step3 當都加入完畢後,馬上重整一下看看,這時無論是在分類頁面下,還是單一的頁面下,能顯示當前分類的樣式,如此一來才不會傻傻分不清楚,自己目前是在那個分類下。 |
You are subscribed to email updates from 梅問題‧教學網【Minwt】
To stop receiving these emails, you may unsubscribe now. |
Email delivery powered by Google |
Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States |
全站熱搜
留言列表