回覆列表
  • 1 # drtae4555

      其實現這樣的一個功能還是比較簡單的,也就是在文章內容中插進標題標籤,然後弄成目錄就是了,下面是我寫的一個簡單的程式碼,用文字編輯器開啟當前主題目錄下的functions.php,將以下程式碼放到裡面  function article_index($content) { $matches = array(); $ul_li = ""; $r = "/

    ([^/im";  if(preg_match_all($r, $content, $matches)) { foreach($matches[1] as $num => $title) { $content = str_replace($matches[0][$num], "", $content); $ul_li .= "

    ".$title."

    \n"; } $content = "\n 文章目錄 \n" . $ul_li . " \n" . $content; } return $content;}add_filter( "the_content", "article_index" );  方法/步驟  1  在編輯文章的時候,切換到HTML模式,將需要新增到目錄中的標題用h3標籤括起來就可以了。如  

    我是索引標題

      當然你也可以用其他標籤,如h1,p等,將以上程式碼第12行中的h3改成你自己的標籤名稱就可以了。  2  上 面這段程式碼只是在文章顯示的時候插入文章目錄,並不會修改你的文章內容。以上程式碼也不包括樣式美化程式碼,所以只新增以上程式碼,文章目錄看起來一篇混亂,所 以你得自己新增一些css程式碼來美化一下這個目錄。如果你不會css,可以用我寫的,將以下css程式碼放到主題目錄下的style.css中就可以了(並 不是每個網站都適用):  #article-index { -moz-border-radius: 6px 6px 6px 6px; border: 1px solid #DEDFE1; float: right; margin: 0 0 15px 15px; padding: 0 6px; width: 200px; line-height: 23px;}#article-index strong { border-bottom: 1px dashed #DDDDDD; display: block; line-height: 30px; padding: 0 4px;}#index-ul { margin: 0; padding-bottom: 10px;}#index-ul li { background: none repeat scroll 0 0 transparent; list-style-type: disc; padding: 0; margin-left: 20px;}  3  以 上程式碼的功能比較單一,只有單級目錄,不能實現多層級的複雜而完善的索引目錄功能,如果你需要這些功能可以試試這以下這幾個外掛,使用也都比較簡 單:Content Index for WordPress、jQuery Table of Contents 、WP-TOC

  • 中秋節和大豐收的關聯?
  • 萬州到雲陽怎麼坐車?