Blocksy 教程:使用 Content Blocks 创建自定义单页模板

在构建 WordPress 网站时,如果希望文章详情页(Single Page)具有完全个性化的结构和样式,Blocksy Content Blocks 模块正是理想工具。本教程将带你了解如何从零开始创建一个专属的单页模板,实现页面结构与内容的全面掌控。

图片[1]-Blocksy 教程:创建自定义文章详情页模板的完整方法

进入模板构建器

WordPress 后台,进入 Blocksy > Content Blocks。点击右上角的“Add New”按钮后,会弹出新建对话框。

图片[2]-Blocksy 教程:创建自定义文章详情页模板的完整方法

选择第三项 Custom Template,再将类型设为 Single。输入模板名称后进入 Gutenberg 编辑器。

图片[3]-Blocksy 教程:创建自定义文章详情页模板的完整方法

设置页面结构与条件显示

在模板编辑界面中,你可以:

  • 控制页面结构,如是否包含侧边栏、页面宽度、内边距等
图片[4]-Blocksy 教程:创建自定义文章详情页模板的完整方法
  • 使用条件模块设置模板适用范围,例如:
    • 应用到特定文章分类
    • 指定显示在某个自定义文章类型中(如产品页、课程页)
图片[5]-Blocksy 教程:创建自定义文章详情页模板的完整方法

所有选项集中在一个界面内,操作简洁直观。

动态内容预览功能

无需频繁切换标签或刷新页面,Blocksy 提供实时动态内容预览功能。在编辑器中直接预览文章或页面的真实效果,有助于更高效地完成排版与设计。

图片[6]-Blocksy 教程:创建自定义文章详情页模板的完整方法

使用可复用区块提升效率

为了加快模板构建速度,Blocksy 预设了一些可复用区块。

图片[7]-Blocksy 教程:创建自定义文章详情页模板的完整方法

这些区块由标准 Gutenberg 模块组成,并支持动态内容输入。你还可以插入静态模块,让模板结构更清晰集中,避免使用过多 hook 分散内容。

图片[8]-Blocksy 教程:创建自定义文章详情页模板的完整方法

发布前设置显示条件

在发布模板前,别忘了添加显示条件。比如只在特定文章或某个文章类型中启用当前模板。设置完成后点击发布即可。

图片[9]-Blocksy 教程:创建自定义文章详情页模板的完整方法

查看前端效果

发布后,切换至前端页面,你将看到焕然一新的单页模板,排版精致,结构合理。

图片[10]-Blocksy 教程:创建自定义文章详情页模板的完整方法

关于自定义模板与主题设置

如果启用了模板替换功能,WordPress 自带的主题设置(Customizer)将会失效。这是为了防止不同设置之间产生冲突,所有模板样式都集中在当前编辑器中管理。

图片[11]-Blocksy 教程:创建自定义文章详情页模板的完整方法

总结

使用 Blocksy 提供的 Content Blocks 功能,不需要编程基础,也能创建高度自定义的单页模板。搭配 Gutenberg 的动态区块,可以轻松应对各种页面结构与内容展示需求。

最近更新


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

请登录后发表评论

    暂无评论内容