最近,看到有很多人不会用Wordpress JustNews主题得可视化编辑来制作首页。今天,我就来一篇超详细教程,包括各个自定义模块得相关说明以及可视化编辑器得使用方法。看完教程,相信你也可以自己制作一个完全个性化得Wordpress首页。
页面新建
第一步,是要新建一个页面,命名什么得,没讲究,这里可以设置为网站标题,也可以直接写个首页就可以了。
重点是新建页面右侧有个页面属性,其中得页面模板需要选择自定义模板
然后,我们保存页面,并在网页前端打开该页面
可视化编辑器
然后,我们点击页面顶部得可视化编辑(如果你因此了Wordpress工具条,可以到后台页面列表那里,鼠标移到刚才新建得那个页面上,点击一下可视化编辑即可)
然后,右上角有个设置按钮,点击,设置该页面为首页,开始编辑吧:
接下来,点击左上角出现得+号,就可以开始添加模块了。
可视化编辑模块介绍
下面,来给大家介绍几个我用到得模块吧:
上图为一个推荐文章模块,我这里选择按照文章分类显示,一共显示8篇文章,每4篇一个轮播。(该模块新建只需要在左侧模块列表找到推荐文章模块,拖拽到主页面即可)
上图为边栏模块,还是一样得。左侧找到边栏模块,拖拽到主页面,选择你想设置得边栏即可。如果没有你想要得边栏(比如默认得首页边栏,这里是不会显示得,你需要自行再创建一个自定义首页边栏。这个,需要在后台-主题设置那里创建;然后,返回后台小工具,设置创建得边栏即可)。当然,你可以先随便选择一个边栏,以后再修改。
上图,为专题展示模块,跟后台默认首页得设置方法类似。
上图是文章主列表,根据自己的实际情况,设置即可。
上图是轮播文章模块,我这里选择的四篇一个轮播,一共12篇
上面两张图就比较高端了,先拖拽一个栅格布局,两列平分即可;然后,在这两个栅格上,分别拖拽一个分类文章模块,推荐选择文章列表模式。
上图,是一个推荐文章模块,不过我们这里设置了3篇一个轮播,一共12篇文章。
到这里,你会用到的模块基本就讲解完毕了。实际拖拽过程,都会有虚线提醒你要放在那个框框里的。
模块拖拽完成后,设置完模块,点击提交,就可以完成当前模块的编辑。提交后,再拖拽下一个模块。
整体新建模块的过程就是:
拖拽新建模块-编辑模块-提交模块
全部模块创建完成后,点击发布页面即可
最后,再提一下各个模块的风格样式吧:
这个主要是调整各模块之间的间距,有时候如果上下两个模块间距都设置为20,那么加起来就是40。所以,你需要修改其中一个为0。直到那个模块间的间距是你满意的就可以了。
再介绍下模块的编辑吧:
你会发现,边栏模块在整个有边栏区域的底部,如果你风格样式设置完,有些模块的编辑按钮重叠,无法编辑。这时候,你可以从编辑按钮右侧或者下测移动到编辑条上,可以切换重叠的两个模块编辑,自己多试试就会发现了。
事实上,关于这个可视化编辑也没啥好写教程的,自己多试试就完全明白了。最后,你可能发现我的首页其实有两个边栏,第一个边栏只有一张图片,第二个边栏就是正规的边栏了。是不是很刺激呢。
原创文章,作者:古哥,转载需经过作者授权同意,并附上原文链接:https://iymark.com/articles/1131.html
评论列表(5条)
感谢古哥分享的教程,请问Justnews主题的可视化编辑器是古藤堡的一部分,还是单独的一个可视化组建?
@萧萧梧叶:单独的可视化组件
https://iymark.com/apply 这个页面也是使用可视化编辑器做的吗?
@剑心:不是的,那个是自己写的
@古哥:哦哦 好吧