子比主题进阶教程 – 页面篇-zibll教程分享社区-zibll子比主题-WordPress主题模板-zibll子比主题
pic

子比主题进阶教程 – 页面篇

几个小时前,桔梗大牛联系到我询问子比主题的一部分功能,然后有问到能不能像哔哩哔哩一样,一个类型一个首页,我的回答是肯定的,子比主题是一款对新手十分友好且自定义功能强大的主题,优雅的样式UI及丰富的小工具能够支持很多花样及玩法

20240618071154645-image-87

20240618071214354-image-88

20240618071303186-image-89

插曲

另外,还没有购买子比主题的用户们,快感谢桔梗吧,是桔梗在6.18日00:04分购买了主题,提醒了老唐今天是618别忘了打折,给我桔梗哥送上一首Music

20240618065204835-image-79

为弥补桔梗受到创伤的心灵,特此出篇教程

教程

演示效果:初一小盏_WordPress主题美化_WP中文交流社区 (vxras.com)

原理:创建页面——开启页面独立小工具、不显示标题及内容——使用小工具设计页面布局及内容——设置页面显示在导航菜单

下面我将把初一小盏的教程页面仿子比官网布局 演示页面

20240618065834951-image-80

首先我们创建一个页面,按照图片标注的位置按需选择,模块布局为必开选项

如果你找不到这个在哪里,右侧栏点击顶部Tab的页面,下拉到底

20240618070059415-image-81

开启后小工具将会支持这些位置放置小工具,现在我们就可以使用小工具进行布局了,这边为了速度快一些,我直接截图子比官网首页使用的小工具及小工具配置给大家

20240618070244663-image-82

子比主题官网首页布局使用的大概就是这些小工具,我放在了顶部全宽度,你们可以按照自己的想法使用自定义HTML配合子比主题的文章列表多栏目文章文章mini等小工具获取文章内容

设置好符合自己想法的分类id,就可以实现不同类型的资源使用不同的首页,例如我子比主题美化这个分类id是1,我就将这个页面调用文章的小工具分类id都设置为1,原理十分的简单,每个人都可以搭配出和别人不一样的风格

 

请登录后发表评论