如何給文章添加固定目錄 wordpress

其實(shí)現(xiàn)這樣的一個(gè)功能還是比較簡(jiǎn)單的，也就是在文章內(nèi)容中插進(jìn)標(biāo)題標(biāo)簽，然后弄成目錄就是了，下面是我寫(xiě)的一個(gè)簡(jiǎn)單的代碼，用文本編輯器打開(kāi)當(dāng)前主題目錄下的functions.php，將以下代碼放到里面

10年積累的成都做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有全椒免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

function

article_index($content)

{

$matches

=

array();

$ul_li

=

'';

$r

=

"/h3([^]+)\/h3/im";

if(preg_match_all($r,

$content,

$matches))

{

foreach($matches[1]

as

$num

=

$title)

{

$content

=

str_replace($matches[0][$num],

'h4

id="title-'.$num.'"'.$title.'/h4',

$content);

$ul_li

.=

'lia

href="#title-'.$num.'"

title="'.$title.'"'.$title."/a/li\n";

}

$content

=

"\ndiv

id=\"article-index\"

strong文章目錄/strong

ul

id=\"index-ul\"\n"

.

$ul_li

.

"/ul

/div\n"

.

$content;

}

return

$content;

}

add_filter(

"the_content",

"article_index"

);

方法/步驟

1

在編輯文章的時(shí)候，切換到HTML模式，將需要添加到目錄中的標(biāo)題用h3標(biāo)簽括起來(lái)就可以了。如

h3我是索引標(biāo)題/h3

當(dāng)然你也可以用其他標(biāo)簽，如h1，p等，將以上代碼第12行中的h3改成你自己的標(biāo)簽名稱就可以了。

2

上

面這段代碼只是在文章顯示的時(shí)候插入文章目錄，并不會(huì)修改你的文章內(nèi)容。以上代碼也不包括樣式美化代碼，所以只添加以上代碼，文章目錄看起來(lái)一篇混亂，所

以你得自己添加一些css代碼來(lái)美化一下這個(gè)目錄。如果你不會(huì)css，可以用我寫(xiě)的，將以下css代碼放到主題目錄下的style.css中就可以了（并

不是每個(gè)網(wǎng)站都適用）：

#article-index

{

-moz-border-radius:

6px

6px

6px

6px;

border:

1px

solid

#DEDFE1;

float:

right;

margin:

15px

15px;

padding:

6px;

width:

200px;

line-height:

23px;

}

#article-index

strong

{

border-bottom:

1px

dashed

#DDDDDD;

display:

block;

line-height:

30px;

padding:

4px;

}

#index-ul

{

margin:

0;

padding-bottom:

10px;

}

#index-ul

li

{

background:

none

repeat

scroll

transparent;

list-style-type:

disc;

padding:

0;

margin-left:

20px;

}

3

以

上代碼的功能比較單一，只有單級(jí)目錄，不能實(shí)現(xiàn)多層級(jí)的復(fù)雜而完善的索引目錄功能，如果你需要這些功能可以試試這以下這幾個(gè)插件，使用也都比較簡(jiǎn)

單：Content

Index

for

WordPress、jQuery

Table

of

Contents

、WP-TOC

如何給WordPress網(wǎng)站中的文章/頁(yè)面添加內(nèi)容目錄

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

1、插件。如Content Index for WordPress

2、像高時(shí)銀博客那親通過(guò)代碼來(lái)實(shí)現(xiàn)。在主題的functions.php文件中添加如下代碼：

function article_index($content) {

$matches = array();

$ul_li = '';

$r = "/h3([^]+)/h3/im";

if(preg_match_all($r, $content, $matches)) {

foreach($matches[1] as $num = $title) {

$content = str_replace($matches[0][$num], 'h3 id="title-'.$num.'"'.$title.'/h3', $content);

$ul_li .= 'lia href="#title-'.$num.'" title="'.$title.'"'.$title."/a/lin";

}

$content = "ndiv id="article-index"

strong文章目錄/strong

ul id="index-ul"n" . $ul_li . "/ul

/divn" . $content;

}

return $content;

}

add_filter( "the_content", "article_index" );

然后在發(fā)表文章時(shí)選擇要做目錄的詞語(yǔ)，并用h3把它們括起來(lái)，如h3我是索引標(biāo)題/h3。

再就是添加CSS樣式就可以了。

wordpress怎么創(chuàng)建目錄

方法/步驟

輸入網(wǎng)站的登陸地址，進(jìn)入到網(wǎng)站管理后臺(tái)，鼠標(biāo)放在文章管理選項(xiàng)上，找到分類(lèi)目錄點(diǎn)擊進(jìn)入；

然后大家可以看到添加新的分類(lèi)目錄的文字提示，然后在第一個(gè)長(zhǎng)條框里面輸入這個(gè)分類(lèi)目錄的名稱；

然后填寫(xiě)這個(gè)分類(lèi)目錄的別名，這兒大家一定要注意，要填寫(xiě)這個(gè)分類(lèi)目錄名稱的英文或者拼音，一定不能填寫(xiě)漢字，切記；

然后下面的父節(jié)點(diǎn)是用來(lái)表現(xiàn)層級(jí)關(guān)系的，在我們文章較少的情況下，默認(rèn)就好；

然后下面的圖像描述還是有必要填寫(xiě)一下的，這個(gè)是分類(lèi)目錄的description標(biāo)簽內(nèi)的描述，所以站在seo的角度是有必要填寫(xiě)的；

當(dāng)這些要素全部添加完畢之后，那么我們新的分類(lèi)目錄就算創(chuàng)建完成了，然后點(diǎn)擊下面的“添加新分類(lèi)目錄”即可；

然后我們就可以在網(wǎng)站右側(cè)的分類(lèi)目錄列表中，看到我們已添加的分類(lèi)目錄。

文章名稱：wordpress加目錄 wordpress根目錄
網(wǎng)站地址：http://vcdvsql.cn/article20/dopjcjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開(kāi)發(fā)、外貿(mào)建站、建站公司、用戶體驗(yàn)、移動(dòng)網(wǎng)站建設(shè)、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)