List Category Posts（WordPress 外掛）：使用短代碼在頁面、文章內加入文章列表

2019/03/17 1,787 1 網站技術 , 架站程式 , WordPress

WordPress 外掛「List Category Posts」可以讓您輕鬆使用短代碼 [catlist] 就將文章列表呈現在頁面、文章內，可以增加訪客的黏著度，讓他們可以在同個主題範圍的文章中進入「無限迴圈」，這當然要經過您的巧思設計囉！本篇文章將列出幾種文章列表的代碼供你參考，官方有提供詳細文檔可以參考，全英文。

▲ WordPress 外掛「List Category Posts」頁面截圖。

使用 [catlist] 短代碼前，先告知其預設的文章顯示數量為十篇，可使用屬性 numberposts = 15 增加顯示量，如果想要顯示全部的文章，您可以嘗試 numberposts = 9999 😂。

接著分成多項來帶領大家快速學會使用 [catlist] 短代碼！😉

【顯示指定分類的文章】
首先找到分類的 ID，在分類編輯畫面的網址中，有段「category&tag_ID=XXX」，XXX 就是編號，接著在短代碼中加入 id=XXX 就完成啦！

[catlist id=464]

【顯示指定標籤的文章】
利用屬性 tags="XXX" 指定標籤文章，XXX 是該標籤的代稱。

[catlist tags="telegram"]

【顯示指定的文章數量】
利用屬性 numberposts = XXX 來指定顯示文章篇數，XXX 為篇數。

[catlist numberposts = 3]

【不顯示文章自己本身】
萬一您要列出的文章列表內可能會有文章本身自己，那就要運用屬性 excludeposts=this 去排除自己本身。（※ this 代表文章本身，可用文章編號代替）

[catlist excludeposts=this]

【隨機顯示文章】
如果要讓文章列表上的文章隨機顯示，您可以加入屬性 orderby=rand 做到。

[catlist orderby=rand]

【顯示文章的發表日期、作者名稱】
如果要讓文章列表上的文章顯示發表日期與作者名稱，您可以分別加入屬性 date=yes 和 author=yes 做到這兩項功能。

[catlist date=yes author=yes]

更多屬性請參考官方提供的詳細文檔！

贊助廣告 ‧ Sponsor advertisements
CodePen：網頁前端的展示平台，線上 HTML、CSS 與 JS 撰寫工具
📆 2018-09-22
📁 網路應用, 網站技術, HTML, CSS, JavaScript
Apache Tomcat 完整安裝教學、附更改通訊埠 & 虛實位址對應 & 起始檔案設定教學
📆 2019-03-04
📁 軟體介紹, 軟體應用, 網站技術, 伺服器, JSP, 架站資源
CSS:圓框
📆 2013-01-01
📁 網站技術, CSS
HeidiSQL：遠端連線虛擬主機 MySQL 以備份資料庫為 SQL 檔
📆 2022-09-11
📁 軟體應用, 網站技術, 伺服器, 資料庫, SQL
【網站經營】WordPress 4.0 使用DISQUS取代原有迴響系統
📆 2014-11-20
📁 網站技術, 架站程式, WordPress
PHP & AJAX & MySQL 即時搜尋系統、邊打字邊搜尋資料庫
📆 2019-06-18
📁 網站技術, 資訊安全, 伺服器, 資料庫, PHP, JavaScript, jQuery, SQL
【網站經營】WordPress 4.0 限制上傳圖片大小
📆 2015-02-25
📁 網站技術, 架站程式, WordPress
Beautify（Visual Studio Code 擴充功能）：美化網頁原始碼、支援 javascript、CSS 和 HTML 等
📆 2019-02-11
📁 軟體應用, 網站技術

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！