WordPress文章目錄外掛程式

去過百度百科的人可能都會注意到,幾乎每篇文章的開頭都會有一個目錄,點擊這個目錄中的標題可以快速到達文章中的具體內容位置,如:露兜。 這樣可以方便讀者在篇幅較長的文章中找到他們想看的內容,這個也就相當於詞典中的索引功能了。 本文所介紹的外掛程式實現的就是這樣的一個功能,為文章設置了一個清晰的內容導航,讀者可以在閱讀之前知道這篇文章的大概意思,點擊可以到達他們想看的部分,而且可以增加些內鏈、錨文本和關鍵詞,對SEO也是很有説明的。 具體效果見本文右側的文章目錄。

文章目錄免外掛程式代碼

其實現這樣的一個功能還是比較簡單的,也就是在文章內容中插進標題標籤,然後弄成目錄就是了,下面是我寫的一個簡單的代碼,用文本編輯器打開當前主題目錄下的functions.php,將以下代碼放到 下面就可以(記得用UTF-8編碼保存,否則中文會亂碼)

使用說明

在編輯文章的時候,切換到HTML模式,將需要添加到目錄中的標題用和括起來就可以了,如。 當然你也可以用其他標籤,如,等,將以上代碼第12和17行中的h3改成你自己的標籤名稱就可以了。<h3></h3><h3>我是索引标题</h3><h1><p>

上面這段代碼只是在文章顯示的時候插入文章目錄,並不會修改你的文章內容。 以上代碼也不包括樣式美化代碼,所以只添加以上代碼,文章目錄看起來一片混亂,所以你得自己添加一些css代碼來美化一下這個目錄。 如果你不會css,可以用我寫的,將以下css代碼放到主題目錄下的style.css中就可以了(並不是每個網站都適用):

支援多級目錄

以上代碼的功能比較單一,只有單級目錄,不能實現多層級的複雜而完善的索引目錄功能。 網友12READS對以上代碼做了修改,據稱可以支援多級目錄,暫未測試,需要的可以看看:多級目錄功能更強大的文章目錄外掛程式如果你需要這些功能可以試試這以下這幾個外掛程式,使用也都比較簡單:

留言

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *