使用 GeneratePress 和 GenerateBlocks 创建分类/标签归档页的页面横幅（Page Hero）

想让 WordPress 的分类或标签归档页更具视觉吸引力？本文将介绍如何使用 GeneratePress 和 GenerateBlocks 插件，自定义美观的归档页顶部横幅（Page Hero），包含动态分类标题、描述文本及可选的阴影样式。

一、前提准备

在开始前，请确认以下插件已启用：

• GeneratePress 主题（推荐使用 GP Premium 以支持 Page Hero 功能）
• GenerateBlocks 插件（如需阴影样式可使用 Pro 版本）

另外，在 WordPress 后台「文章 → 分类」中，为部分分类添加描述内容，以便后续动态调用。

二、新建 Page Hero 元素

• 进入后台 → 外观 → 元素（Elements）
• 点击「添加新元素」

• 命名为 Category Page Hero 或其他识别名称
• 元素类型选择 Page Hero
• 显示规则选择 所有归档页（All Archives），这样可同时作用于分类与标签归档页

三、构建 Page Hero 内容结构

插入一个 Container 块，使用默认设置即可

在容器中添加 Headline 块

• 标题级别设为 H1
• 对齐方式设为居中
• 打开「动态数据（Dynamic）」选项，内容选择 标题（Title）

• 自定义字体大小与颜色

• 若安装了 GenerateBlocks Pro，可以添加 文字阴影（Text Shadow） 增加视觉效果

添加分类描述

• 使用 GeneratePress 提供的动态内容块（GP Dynamic Content Block）

• 类型选择 Term Description（用于显示当前分类或标签的描述）

四、隐藏默认标题

• 保存并发布刚创建的 Page Hero 元素
• 返回元素设置 → 左侧的「元素」标签页
• 将「禁用页面元素」中的 标题（Content Title） 设为隐藏

• 点击更新

刷新分类页后，原生的标题将被隐藏，仅保留自定义的 Page Hero 区块。

五、效果展示

此时，前端页面的分类归档页已实现以下效果：

• 页面顶部显示当前分类名称（动态获取）
• 下方为分类描述（自动调用）
• 全屏居中排版，可自定义字体、颜色、阴影等样式
• 原有默认标题已隐藏

结语

通过 GeneratePress 与 GenerateBlocks，即可轻松为分类或标签归档页创建具有视觉冲击力的顶部横幅内容，提升整体网站设计品质。

最近更新

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