WordPress如何添加文章列表,详细教程

来自:素雅营销研究院

头像 方知笔记
2025年04月27日 01:42

在WordPress网站中,展示文章列表是常见的需求,无论是用于博客归档、分类目录还是首页展示。本文将介绍几种常用的方法,帮助你在WordPress中添加文章列表。

方法一:使用WordPress默认的小工具

WordPress自带的“最新文章”小工具可以快速实现文章列表的展示。

  1. 进入后台:登录WordPress后台,依次点击 外观 > 小工具
  2. 添加小工具:找到“最新文章”小工具,将其拖拽到侧边栏或页脚区域。
  3. 设置参数:可以调整显示的文章数量、是否显示发布日期等选项。
  4. 保存更改:点击“更新”按钮,刷新网站即可看到效果。

方法二:使用短代码(需插件支持)

如果你的主题不支持直接调用文章列表,可以通过插件(如 Shortcode WidgetDisplay Posts)生成短代码来嵌入文章列表。

  1. 安装插件:在后台 插件 > 安装插件 中搜索并安装 Display Posts
  2. 生成短代码:在文章或页面编辑器中输入短代码,例如:
[display-posts]

还可以添加参数,如 category="news" 来筛选特定分类的文章。

  1. 保存并预览:更新页面后即可看到文章列表。

方法三:通过主题模板文件自定义

如果你熟悉代码,可以通过编辑主题文件(如 index.phparchive.php)来自定义文章列表样式。

  1. 使用WP_Query:在主题文件中添加以下代码来调用文章列表:
<?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;
?>
  1. 调整样式:通过CSS进一步美化列表布局。

方法四:使用页面构建器插件(如Elementor)

如果你使用的是Elementor等页面构建器,可以通过其内置的“文章”模块快速添加文章列表。

  1. 编辑页面:在Elementor编辑器中拖拽“文章”模块到页面。
  2. 设置查询条件:选择文章分类、排序方式等。
  3. 调整布局:修改文章卡片样式、分页设置等。

总结

无论是使用默认小工具、短代码插件、自定义代码还是页面构建器,WordPress都提供了多种方式来实现文章列表的展示。根据你的技术水平和需求选择合适的方法即可。

如果你希望更灵活地控制文章列表的样式和功能,推荐使用 WP_QueryElementor 这类高级工具。