WordPress文章頁實現所屬分類高亮顯示
WordPress文章頁實現所屬分類高亮顯示呢?當用戶點擊某篇文章,文章所屬分類自動添加一個樣式高亮顯示。
第一步:獲取文章所屬于分類,這個可以隱藏。
<div id="fltop" style="display:none;"> <? the_category(', ') ?></div>
第二步:給頂級分類的二級分類列表添加一個ID;
<ul id="sidebarleft">……</ul>
第三步:使用JS獲取所屬分類的A標簽URL和列表所有A標簽的URL,并且進行對比判斷,如果包含就給A標簽添加一個class類:current-cat;
<script> //獲取分類A標簽和列表所有的a標簽(返回節點對象) var myNav = document.getElementById("sidebarleft").getElementsByTagName("a"); var myURL = document.getElementById("fltop").getElementsByTagName("a"); //循環div下面所有的鏈接, for(var i=0;i<myNav.length;i++){ //獲取每一個a標簽的herf屬性 var links = myNav[i].getAttribute("href"); var myURL2 = myURL[0].getAttribute("href"); //查看div下的鏈接是否包含當前窗口,如果存在,則給其添加樣式 if(myURL2.indexOf(links) != -1){ myNav[i].className="current-cat"; } } </script>
第四步:在CSS中添加一個current-cat樣式,這樣就實現了點擊后高度顯示效果。
聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至201542412@QQ.com舉報,一經查實,本站將立刻刪除。
相關推薦
-
怎么使HTML標簽在HTML頁面正常顯示而不被解析的方法
要想html標簽在html頁面正常顯示而不被解析:最簡單的方式有4種方法。
-
帝國cms加載更多時調用對應文章的tags標簽和鏈接
帝國cms如果使用點擊加載更多的時候怎么樣連gs標簽和鏈接一起循環出來,如果是調用標題,簡介,瀏覽,時間,這些單一的字都很簡單
-
帝國cms用自定義標簽函數任意位置循環調用tags標簽
帝國CMS想要在各個頁面顯示G標簽,網上已經有很多教程,不過大部分人給的方法都是直接在模板里寫一堆代碼,今天就整理下寫成函數,這樣調用起來會更方便
-
WordPress分類描述和去除P標簽
WordPrss后臺創建了分類目錄后,可以給分類目錄添加分類描述。Wordprss分類描述可以幫助我們網站做SO優化,可以用于分類的dscription標簽,也可以用于增加分類目錄關鍵詞密度。分類目錄頁的調用?chocatgory_dscr
-
WordPress文章列表中置頂文章靠前顯示
wordprss站點有些版塊需要調用某個欄目的文章列表,并且要求后臺設置的置頂文章靠前顯示。?$sticky=gt_option('sticky_posts');qury_posts(array('post__in'=>















