使用 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,即可轻松为分类或标签归档页创建具有视觉冲击力的顶部横幅内容,提升整体网站设计品质。

最近更新

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注