在网站构建中,归档页面往往被视为基础功能,但实际上,它对于信息组织和访问效率起着非常关键的作用。Blocksy 主题配备了强大的 Content Blocks 工具,支持为博客文章或自定义文章类型设计专属归档模板,使页面更贴合内容定位与整体风格。
这篇文章将讲解归档模板的两种模式和实际操作方式,让页面更灵活、视觉效果更协调。
![图片[1]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508094815999-image.png)
归档模板的作用
预设归档页面样式单一,而自定义模板可以提供更具吸引力的布局,文章卡片样式、内容信息、排版方式都能根据需求进行调整,让内容更清晰地传达。
创建归档模板的入口
- 登录 WordPress 后台
- 点击 Blocksy > Content Blocks
- 点击右上角“Add New”
![图片[2]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508095053923-image.png)
- 弹窗中选择 Custom Template
- 类型选择 Archive
- 填写模板名称,进入编辑器
![图片[3]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508095154358-image.png)
模板类型介绍
Blocksy 提供两种模式:Only Card 和 Full Page,适合不同页面设计场景。
![图片[4]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508095330415-image.png)
Only Card 模式
用于替换文章卡片内容,页面结构(如头部和边栏)保持不变。
![图片[5]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508095712151-image.png)
特点:
- 使用 Gutenberg 动态区块,自由调整卡片内容
- 实时预览文章实际内容,便于设计时确认样式
![图片[6]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508095943850-image.png)
- 编辑器支持调整宽度,匹配实际前端显示
![图片[7]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508100047991-image.png)
- 默认继承主题样式(背景色、阴影、间距)
![图片[8]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508100121230-image.png)
适合:仅想调整卡片样式而不重构整个页面结构的情况。
Full Page 模式
适用于需要完全自定义归档页结构的用户。
![图片[9]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508095611219-image.png)
特点:
- 自由控制整页结构,支持边栏、盒式布局等样式
![图片[10]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508100247257-image.png)
- 使用 Query Loop 模块构建文章循环内容
- 页面选项集中在模板内完成,不再依赖主题自带设置
适合:专题归档页或自定义文章类型展示。
使用可复用区块提高效率
Blocksy 提供一个包含动态区块的可复用模块。将其添加到模板中,即可快速开始设计。你也可以添加其他静态区块进行个性化扩展。
![图片[11]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508100414657-image.png)
![图片[12]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508100515505-image.png)
完成后的预览与应用
模板完成后保存,并在前端预览效果。无论是列表卡片样式还是整页布局,定制结果都将完整呈现,整体页面表现更为协调、专业。
![图片[13]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508100633636-image.png)
![图片[14]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板](https://www.361sale.com/wp-content/uploads/2025/05/20250508100603999-image.png)
总结
Blocksy 的归档模板构建工具为内容展示带来了更多可能。配合 Gutenberg 编辑器,即便不熟悉代码,也能轻松打造具有个性化结构的归档页面。
最近更新
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |




















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容