轻松打造完美归档页面！Elementor 新手全攻略，助力网站升级！

在 WordPress 网站中，归档页面（Archive Page）可以帮助访客快速找到他们想看的内容，也是影响整体 SEO 的关键环节。使用 Elementor 的 Theme Builder，新手也能打造视觉统一、结构清晰、真正能提升浏览体验的专业级归档页面。本指南会从基础概念开始，逐步带你完成从添加模板到实际发布的完整流程。

1. Elementor Archive 模板是什么？它的作用是什么？

Archive 模板是 WordPress 中用于展示文章列表或内容集合的页面模板。常见的 Archive 包括：

分类归档（Category）
标签归档（Tag）
作者归档（Author）
日期归档（Date）
自定义文章类型归档（CPT Archive，例如产品列表）
搜索结果页面（Search Results）

没有经过设计的默认归档页面通常外观单一且缺乏层级结构。使用 Elementor 添加 Archive 模板后，你可以：

修改页面布局
自定义文章列表样式
添加动态内容
调整分页、标题、描述
统一网站设计风格

对于内容型站点、博客、商城、资讯站来说，Archive 模板的重要性不亚于首页和文章页。

2. 在 Elementor 中添加 Archive 模板需要的工具与前提条件

在开始创建之前请确保具备以下条件：

2.1 安装 Elementor 插件

基础设计可用免费版，但要创建 Archive 模板必须使用 Elementor Pro，因为 Archive 属于 Theme Builder 功能。

2.2 使用支持 Theme Builder 的主题

大部分主题都兼容，但推荐：

Hello Elementor（最干净的主题）
Astra
GeneratePress
Blocksy
Kadence

这些主题与 Elementor 组合时最稳定。

2.3 开启固定链接

设置 → 固定链接 → 选择“文章名”，这有助于 Archive 页面正确显示。

3. 如何在 Elementor 中添加 Archive 模板（完整步骤）

以下步骤适合完全没有经验的新手，只需按顺序操作即可完成一个归档页面模板。

3.1 进入 Elementor Theme Builder

打开 WordPress 后台
找到 Elementor → 模板（Templates）
点击 Theme Builder（主题构建器）

Theme Builder 是你的网站模板中心，可以管理 Header、Footer、Archive、Single 等所有结构模板。

3.2 创建新的 Archive 模板

在 Theme Builder 中选择 Archive（归档）
点击右上角 添加新模板（Add New）
页面会提示你选择模板类型 → 选择 Archive

为模板取一个清晰易记的名称，例如：Blog Archive Layout – 2025

3.3 选择官方模板或从空白开始

Elementor 会提供多个官方 Archive 模板：

有网格布局
有卡片式列表
有左右侧栏设计

你可以选择其中一个作为基础，也可以从 空白画布 开始。

建议：新手选择官方模板 → 进一步修改，这样能节省大量时间。

4. 使用 Elementor 设计归档页面的详细步骤

Archive 模板的核心是文章循环列表（Archive Posts Widget）。以下是详细编辑逻辑。

4.1 添加页面标题（Archive Title）

在编辑画布上插入：

Archive Title 动态小工具

支持自动显示分类名、标签名、作者名等
无需手动输入，每个归档页会自动变化

可以设置字体、大小、居中方式，甚至添加背景块让标题更突出。

4.2 添加归档描述（Archive Description）

某些分类或标签自带描述，你也可以使用动态描述工具调用。适用场景：

SEO 描述
分类介绍
标签用途说明

建议使用较小字体，保持简洁。

4.3 插入 Archive Posts（文章列表小工具）

这是整个模板的核心。进入 Elementor 小工具 → 搜索 Archive Posts将其拖入画布。

你可以选择：

列表布局
网格布局（2 列或 3 列）
带图片卡片布局
Masonry 砌墙布局

每个卡片中可自定义内容：

缩略图大小
标题层级
作者信息是否显示
日期显示
阅读更多按钮
摘要长度
分类标签

通过样式面板可调整：

卡片间距
阴影
圆角
字体风格
缩略图比例

4.4 添加分页（Pagination）

分页对长列表内容非常重要。Elementor 提供：

数字分页
上一页/下一页
无限滚动（需第三方插件）

一般建议使用数字分页 + 简洁风格，提高用户体验。

4.5 添加面包屑导航（Breadcrumbs）

面包屑导航对 SEO 和用户定位非常有帮助。支持选择：

Rank Math Breadcrumb
Yoast Breadcrumb
Elementor 自带 Breadcrumbs

建议放在页面顶部标题下方。

5. 设置显示条件（关键步骤）

设计完成后，点击右下角 发布（Publish） ，系统会询问你：选择 Archive 模板要作用在哪些页面？

常见场景：

所有归档 All Archives（最常用）
仅分类归档（Categories）
仅标签归档（Tags）
指定分类，如：Category → “新闻”
指定文章类型归档（如产品列表 Product Archive）

如果你希望“所有分类页面套用此模板”，请选择 Include → All Category Archives

如果只套用博客文章类型的归档：请选择 Include → All Posts → Archives

设置好后点击 保存并关闭。

6. 调整与测试：确保模板正常运行

完成设计后，请访问网站前端查看：

检查哪些内容：

分类页是否显示新的 Archive 模板
标签页是否正常
分页是否可点击
文章列表是否对齐
缩略图比例是否合适
面包屑是否正确显示
标题是否动态变化

如果遇到模板不生效，通常是因为：

缓存插件未刷新
使用的主题覆盖了 Archive 模板
条件设置错误
没有为文章设置 Featured Image

结语：利用 Elementor 创建专业感归档页面，让网站结构更清晰

归档页面是访客浏览内容的重要入口，也是搜索引擎的重要参考结构。通过 Elementor 添加 Archive 模板，你可以完全掌控归档页的外观、布局与内容逻辑，使整个网站的内容呈现更加清晰、美观、统一。

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：[email protected]
④ 工作时间：周一至周五，9:30-18:30，节假日休息