在WordPress網(wǎng)站中,展示文章列表是常見(jiàn)的需求,無(wú)論是用于博客歸檔、分類目錄還是首頁(yè)展示。本文將介紹幾種常用的方法,幫助你在WordPress中添加文章列表。
方法一:使用WordPress默認(rèn)的小工具
WordPress自帶的“最新文章”小工具可以快速實(shí)現(xiàn)文章列表的展示。
- 進(jìn)入后臺(tái):登錄WordPress后臺(tái),依次點(diǎn)擊 外觀 > 小工具。
- 添加小工具:找到“最新文章”小工具,將其拖拽到側(cè)邊欄或頁(yè)腳區(qū)域。
- 設(shè)置參數(shù):可以調(diào)整顯示的文章數(shù)量、是否顯示發(fā)布日期等選項(xiàng)。
- 保存更改:點(diǎn)擊“更新”按鈕,刷新網(wǎng)站即可看到效果。
方法二:使用短代碼(需插件支持)
如果你的主題不支持直接調(diào)用文章列表,可以通過(guò)插件(如 Shortcode Widget 或 Display Posts)生成短代碼來(lái)嵌入文章列表。
- 安裝插件:在后臺(tái) 插件 > 安裝插件 中搜索并安裝 Display Posts。
- 生成短代碼:在文章或頁(yè)面編輯器中輸入短代碼,例如:
[display-posts]
還可以添加參數(shù),如 category="news"
來(lái)篩選特定分類的文章。
- 保存并預(yù)覽:更新頁(yè)面后即可看到文章列表。
方法三:通過(guò)主題模板文件自定義
如果你熟悉代碼,可以通過(guò)編輯主題文件(如 index.php
或 archive.php
)來(lái)自定義文章列表樣式。
- 使用WP_Query:在主題文件中添加以下代碼來(lái)調(diào)用文章列表:
<?php
$args = array(
'post_type' => 'post',
'posts_per_page' => 5
);
$query = new WP_Query($args);
if ($query->have_posts()) :
while ($query->have_posts()) : $query->the_post();
the_title('<h2>', '</h2>');
the_excerpt();
endwhile;
endif;
?>
- 調(diào)整樣式:通過(guò)CSS進(jìn)一步美化列表布局。
方法四:使用頁(yè)面構(gòu)建器插件(如Elementor)
如果你使用的是Elementor等頁(yè)面構(gòu)建器,可以通過(guò)其內(nèi)置的“文章”模塊快速添加文章列表。
- 編輯頁(yè)面:在Elementor編輯器中拖拽“文章”模塊到頁(yè)面。
- 設(shè)置查詢條件:選擇文章分類、排序方式等。
- 調(diào)整布局:修改文章卡片樣式、分頁(yè)設(shè)置等。
總結(jié)
無(wú)論是使用默認(rèn)小工具、短代碼插件、自定義代碼還是頁(yè)面構(gòu)建器,WordPress都提供了多種方式來(lái)實(shí)現(xiàn)文章列表的展示。根據(jù)你的技術(shù)水平和需求選擇合適的方法即可。
如果你希望更靈活地控制文章列表的樣式和功能,推薦使用 WP_Query 或 Elementor 這類高級(jí)工具。