如何在WordPress當(dāng)前標(biāo)簽頁(yè)獲取標(biāo)簽ID

對(duì)DOM節(jié)點(diǎn)進(jìn)行操作之前，首先要獲取DOM節(jié)點(diǎn)。獲取DOM節(jié)點(diǎn)的方法有很多，可以根據(jù) id屬性 、 標(biāo)簽名稱(chēng) 獲取。

專(zhuān)注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)夾江免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千多家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

getElementById( )方法

根據(jù)HTML標(biāo)簽的id屬性來(lái)獲取DOM節(jié)點(diǎn)請(qǐng)使用 getElementById( ) 方法。該方法返回一個(gè)節(jié)點(diǎn)對(duì)象。

語(yǔ)法：document.getElementById(id) 其中，id 為HTML標(biāo)簽的 id 屬性。

例如，獲得id="demo"的節(jié)點(diǎn)的語(yǔ)句為：document.getElementById("demo");

getElementsByTagName( )方法

根據(jù)HTML標(biāo)簽名稱(chēng)來(lái)獲取DOM節(jié)點(diǎn)請(qǐng)使用 getElementsByTagName( ) 方法。該方法將得到的元素節(jié)點(diǎn)作為一個(gè)數(shù)組返回。

語(yǔ)法：nodeObject.getElementsByTagName(tagName)

其中，nodeObject 為元素節(jié)點(diǎn)，tagName 為HTML標(biāo)簽的名稱(chēng)。

注意：getElementsByTagName() 方法既可以查找整個(gè) HTML 文檔中的所有節(jié)點(diǎn)，也可以查找某個(gè)節(jié)點(diǎn)的子節(jié)點(diǎn)，使用時(shí)必須要指定查找范圍，即指明 nodeObject 。

例如，獲得HTML文檔中所有的div標(biāo)簽：

document.getElementsByTagName("div");

獲得id=”demo”的標(biāo)簽內(nèi)部的所有div標(biāo)簽：

document.getElementById("demo").getElementsByTagName("div");

WordPress如何創(chuàng)建顯示所有tags的頁(yè)面求答案

到我自己做blog，也只是和一般用戶一樣使用wordpress本身的功能，沒(méi)有進(jìn)行wordpress編程。比較遺憾，哈哈。今天解決的問(wèn)題是：wordpress的tag cloud，是不會(huì)顯示所有的tags的。其實(shí)也不應(yīng)該顯示所有的tags，因?yàn)樵谶厵诶?，你顯示所有的tags的話，勢(shì)必讓頁(yè)面變得非常難看。而我們有的時(shí)候又希望查找一些文章比較少的tag，這個(gè)時(shí)候就很麻煩了。我今天創(chuàng)建了一個(gè)頁(yè)面，來(lái)顯示所有的tags。首先我們需要了解，在文章或者頁(yè)面里顯示出所有的tags，需要編寫(xiě)一點(diǎn)PHP代碼。而普通用戶是不能直接在文章里編寫(xiě)代碼的，那么我們有兩個(gè)選擇，第一是使用第三方的插件，比如：Exec-PHP，當(dāng)然還有其他很多，大家有興趣可以自己查下；第二個(gè)方法比較復(fù)雜，就是創(chuàng)建一個(gè)模板，然后在模板里寫(xiě)入我們希望的代碼，然后在頁(yè)面上應(yīng)用這個(gè)模板，就OK了。這里我比較推薦第二種方法，因?yàn)樵谀阌脀ordpress的過(guò)程中，其實(shí)并不是有很多情況是需要使用代碼的，而裝插件是個(gè)永久的事情，裝了，然后這個(gè)插件會(huì)一直顯示，比較臃腫。而且從安全的角度來(lái)說(shuō)，這種功能不存在也更安全。好，這里我們就介紹下第二種方法。首先我們需要?jiǎng)?chuàng)建一個(gè)tamplate，如何創(chuàng)建呢，這個(gè)需要我們打開(kāi)文本文件編輯器，將下面的代碼貼到編輯器里，并命名這個(gè)文件為：template-alltags.php，然后把這個(gè)文件上傳到你當(dāng)前啟用的theme的文件夾下。Source code ?php/** * Template Name: All Tags * * A custom page template with all tags displayed. * * @package WordPress */ get_header();? div id="alltags" class="post type-post status-publish format-standard hentry category-entertainment tag-acg tag-entertainment tag-game clearfix post nodate" div style="margin-left: 15px;" ?php/** * Display all tags. */$args=array('number'=0,'format'='list',); wp_tag_cloud($args);? /div /div ?php get_footer();?最上面那段注釋很重要，特別是Template Name: All Tags這句。只有這句話存在，theme才會(huì)把這個(gè)文件作為template處理，你在創(chuàng)建頁(yè)面的時(shí)候才能看得到這個(gè)template。這里我們使用了wp_tag_cloud這個(gè)函數(shù)，并給它參數(shù)number為0，表示顯示所有tags；參數(shù)format為list，表示tag cloud是以列表樣式顯示。而包住這個(gè)函數(shù)的兩個(gè)div則是頁(yè)面樣式顯示的需要，根據(jù)不同的theme讀者可以自行調(diào)整來(lái)符合自己的theme的樣式。OK，接下來(lái)我們進(jìn)入控制臺(tái)，選擇頁(yè)面 》新建頁(yè)面，在標(biāo)題欄上填寫(xiě)“標(biāo)簽頁(yè)”，內(nèi)容部分則完全不用填。就完成啦。

如何在WordPress文章或頁(yè)面中加入Tab標(biāo)簽頁(yè)

第一步：安裝插件；

首先我們要安裝并啟用“Tabs Shortcode and Widget”插件。該插件安裝啟用后直接可以使用，不需任何設(shè)置。

第二步：設(shè)置標(biāo)簽頁(yè)；

新建文章或頁(yè)面，或者是編輯現(xiàn)有文章或頁(yè)面，在編輯欄上方你會(huì)發(fā)現(xiàn)多了一個(gè)按鈕；鼠標(biāo)點(diǎn)擊該按鈕就會(huì)出現(xiàn)Tabs Layout選項(xiàng)；如下圖：

點(diǎn)擊Tabs Layout選項(xiàng)進(jìn)入Tab設(shè)計(jì)界面，第一項(xiàng)是設(shè)置Tab的個(gè)數(shù)，在這里你可以選擇滿足您需求的標(biāo)簽頁(yè)個(gè)數(shù)，第二項(xiàng)是選擇Tab模式，這里有horizontal、vertical兩種模式可供選擇，之后是標(biāo)簽頁(yè)總名稱(chēng)，和標(biāo)簽頁(yè)1的名稱(chēng)，你還可以根據(jù)個(gè)人喜好，給標(biāo)簽頁(yè)設(shè)置圖標(biāo)；最后編輯標(biāo)簽頁(yè)內(nèi)容；具體界面如下圖：

第一個(gè)標(biāo)簽頁(yè)編輯結(jié)束后，以同樣的方式完成其余標(biāo)簽頁(yè)的編輯。在整個(gè)設(shè)計(jì)的過(guò)程中，在編輯框右側(cè)都可以看到編輯效果。編輯結(jié)束后，在編輯框最后還有一項(xiàng)自定義選項(xiàng)CSS Class。你可以根據(jù)你的個(gè)人愛(ài)后，在這里添加CSS類(lèi)文件，將標(biāo)簽頁(yè)的界面設(shè)置成你喜歡的界面。所有的標(biāo)簽頁(yè)都設(shè)計(jì)完成后，點(diǎn)擊對(duì)話框頂部或底部的insert按鈕保存設(shè)置并發(fā)布文章或頁(yè)面。這個(gè)時(shí)候打開(kāi)網(wǎng)頁(yè)，你就可以看到你的文章以標(biāo)簽頁(yè)的形式顯示。

接下來(lái)給大家介紹的是“Tabs Shortcode and Widget”插件的另一項(xiàng)添加標(biāo)簽頁(yè)的功能——通過(guò)插入小工具，在主邊欄添加標(biāo)簽頁(yè)。設(shè)置過(guò)程與在文章中添加標(biāo)簽頁(yè)相似，只是插入的位置不同。

具體步驟：

打開(kāi)儀表盤(pán)，選擇外觀菜單下的小工具，選擇添加“OTW Shortcode Widget”于主邊欄。

點(diǎn)擊添加，進(jìn)入如下界面：

點(diǎn)擊添加“Tabs Layout”進(jìn)入標(biāo)簽頁(yè)設(shè)計(jì)界面，該界面跟在文章中添加標(biāo)簽頁(yè)的界面完全相同。按照前面編輯文章中標(biāo)簽頁(yè)的方式編輯，結(jié)束后保存編輯并且保存小工具。現(xiàn)在打開(kāi)之前打開(kāi)過(guò)的網(wǎng)頁(yè)，刷新，你會(huì)發(fā)現(xiàn)在主邊欄的最下方出現(xiàn)了剛剛編輯好的標(biāo)簽頁(yè)

wordpress怎么創(chuàng)建標(biāo)簽列表頁(yè)

實(shí)現(xiàn)方法：

1、在當(dāng)前主題目錄下新建一個(gè)php文件，命名為tag-cloud.php，然后將page.php中的所有代碼復(fù)制到tag-cloud.php中

2、用文本編輯器打開(kāi)tag-cloud.php，刪除開(kāi)頭的所有注釋(如果有的話)，即 /* 與 */ ，以及它們之間的所有內(nèi)容

3、將第一個(gè) ?php 改成

?php

/*

Template Name: Tags Cloud

*/

4、將 the_content(); 改成 wp_tag_cloud();

5、進(jìn)入WordPress管理后臺(tái) - 頁(yè)面 - 創(chuàng)建頁(yè)面，標(biāo)題為標(biāo)簽云（可以自己起名），內(nèi)容不要填，右側(cè)可以選擇模板，選擇 Tags Cloud 即可

6、標(biāo)簽頁(yè)創(chuàng)建成功。