Blocksy 教程:打造专属归档模板,提升内容呈现方式

在网站构建中,归档页面往往被视为基础功能,但实际上,它对于信息组织和访问效率起着非常关键的作用。Blocksy 主题配备了强大的 Content Blocks 工具,支持为博客文章或自定义文章类型设计专属归档模板,使页面更贴合内容定位与整体风格。

这篇文章将讲解归档模板的两种模式和实际操作方式,让页面更灵活、视觉效果更协调。

图片[1]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板

归档模板的作用

预设归档页面样式单一,而自定义模板可以提供更具吸引力的布局,文章卡片样式、内容信息、排版方式都能根据需求进行调整,让内容更清晰地传达。

创建归档模板的入口

  • 登录 WordPress 后台
  • 点击 Blocksy > Content Blocks
  • 点击右上角“Add New”
图片[2]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板
  • 弹窗中选择 Custom Template
  • 类型选择 Archive
  • 填写模板名称,进入编辑器
图片[3]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板

模板类型介绍

Blocksy 提供两种模式:Only CardFull Page,适合不同页面设计场景。

图片[4]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板

Only Card 模式

用于替换文章卡片内容,页面结构(如头部和边栏)保持不变。

图片[5]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板

特点:

  • 使用 Gutenberg 动态区块,自由调整卡片内容
  • 实时预览文章实际内容,便于设计时确认样式
图片[6]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板
  • 编辑器支持调整宽度,匹配实际前端显示
图片[7]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板
  • 默认继承主题样式(背景色、阴影、间距)
图片[8]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板

适合:仅想调整卡片样式而不重构整个页面结构的情况。

Full Page 模式

适用于需要完全自定义归档页结构的用户。

图片[9]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板

特点:

  • 自由控制整页结构,支持边栏、盒式布局等样式
图片[10]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板
  • 使用 Query Loop 模块构建文章循环内容
  • 页面选项集中在模板内完成,不再依赖主题自带设置

适合:专题归档页或自定义文章类型展示。

使用可复用区块提高效率

Blocksy 提供一个包含动态区块的可复用模块。将其添加到模板中,即可快速开始设计。你也可以添加其他静态区块进行个性化扩展。

图片[11]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板
图片[12]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板

完成后的预览与应用

模板完成后保存,并在前端预览效果。无论是列表卡片样式还是整页布局,定制结果都将完整呈现,整体页面表现更为协调、专业。

图片[13]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板
图片[14]-Blocksy 教程:使用 Content Blocks 创建自定义归档模板

总结

Blocksy 的归档模板构建工具为内容展示带来了更多可能。配合 Gutenberg 编辑器,即便不熟悉代码,也能轻松打造具有个性化结构的归档页面。

最近更新


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

请登录后发表评论

    暂无评论内容