Blocksy 自定义归档模板构建器教程:为博客与自定义文章类型打造专属布局

WordPress 构建内容丰富的网站时,归档页面的布局往往决定了内容的可读性与整体美感。Blocksy 引入的 归档模板构建器 功能,帮助用户为博客文章或自定义文章类型(CPT)创建完全自定义的归档页面模板,不再受限于预设选项。

本文将带你一步步了解归档模板的创建方式、模板类型选择及其设置选项。

Blocksy 归档模板构建器使用指南, 自定义博客与 CPT 归档页面, Gutenberg 动态布局教学
Blocksy 归档模板构建器使用指南, 自定义博客与 CPT 归档页面, Gutenberg 动态布局教学

新建归档模板的方法

  • 进入后台,前往 Blocksy > Content Blocks
  • 点击页面顶部的 Add New(添加新建)
图片[2]-Blocksy 归档模板构建器使用指南, 自定义博客与 CPT 归档页面, Gutenberg 动态布局教学
  • 弹出的选择器中,选择 Custom Template
  • 类型选择 Archive(归档)
  • 命名模板并确认
图片[3]-Blocksy 归档模板构建器使用指南, 自定义博客与 CPT 归档页面, Gutenberg 动态布局教学

此时将进入一个空白的 Gutenberg 编辑器页面,即可开始设计。

图片[4]-Blocksy 归档模板构建器使用指南, 自定义博客与 CPT 归档页面, Gutenberg 动态布局教学

模板类型选择

创建模板前,先选择要替换的归档页面部分:

仅替换卡片内容(Only Card)

适合希望保留页面结构,仅自定义文章卡片样式的用户。

图片[5]-Blocksy 归档模板构建器使用指南, 自定义博客与 CPT 归档页面, Gutenberg 动态布局教学
  • 可自定义每篇文章卡片的布局、内容、图片、标题、元信息等
  • 使用 Gutenberg动态区块(Dynamic Blocks) 自由排版
  • 继承主题设置中的背景色、间距、阴影等样式
  • 支持开启“动态内容预览”,在编辑器中预览真实文章效果,无需频繁刷新页面

编辑器默认为较窄宽度,更贴近实际卡片大小,也可在侧边栏调整宽度显示方式。

替换整页内容(Full Page)

适合需要完全重构归档页面结构的用户。

图片[6]-Blocksy 归档模板构建器使用指南, 自定义博客与 CPT 归档页面, Gutenberg 动态布局教学
  • 可使用 Gutenberg 内置的 Query Loop 块 构建文章列表(也兼容第三方工具)
  • 提供常见页面结构控制,如是否启用侧边栏、是否启用盒装布局等
  • 使用此模式时,Customizer 中归档页面相关选项会自动隐藏,由模板完全接管

这一模式更灵活,可将归档页打造成专题页、作品集、目录页等个性化页面。

其他设置选项说明

默认卡片样式继承

在卡片模板中,提供开关决定卡片样式是否继承自主题设置。建议保持开启状态,统一风格更易管理。

图片[7]-Blocksy 归档模板构建器使用指南, 自定义博客与 CPT 归档页面, Gutenberg 动态布局教学

可重复使用区块

为加快设计速度,Blocksy 提供预设的可复用区块,内含动态区块模板,可直接插入使用。当然,也可添加静态区块,自定义文字、图片、按钮等内容。

图片[8]-Blocksy 归档模板构建器使用指南, 自定义博客与 CPT 归档页面, Gutenberg 动态布局教学
图片[9]-Blocksy 归档模板构建器使用指南, 自定义博客与 CPT 归档页面, Gutenberg 动态布局教学

Gutenberg 动态支持

当前模板构建器已支持使用 WordPress Gutenberg 动态内容功能。随着 WordPress 的更新,未来支持能力也会进一步提升。

使用建议

  • 如果只想个性化展示文章摘要与样式,建议使用“Only Card”
  • 如果要构建完整专题页布局,推荐使用“Full Page”
  • 记得保存模板后,前往对应文章类型的归档页面查看实际展示效果
图片[10]-Blocksy 归档模板构建器使用指南, 自定义博客与 CPT 归档页面, Gutenberg 动态布局教学

结语

Blocksy 的归档模板构建器为内容型网站提供了新的布局自由度。无论是自媒体、企业站、还是项目型网站,都可以借助这一工具设计更具辨识度的内容展示页面。

最近更新


联系我们
教程看不懂?联系我们为您免费解答!免费助力个人,小企站点!
客服微信
客服微信
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:贼将鼠胆
THE END
喜欢就支持一下吧
点赞1223 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容