Justnews首页可视化编辑超详细教程

4.1
(7)

最近,看到有很多人不会用Wordpress JustNews主题得可视化编辑来制作首页。今天,我就来一篇超详细教程,包括各个自定义模块得相关说明以及可视化编辑器得使用方法。看完教程,相信你也可以自己制作一个完全个性化得Wordpress首页。

Justnews首页可视化编辑超详细教程

页面新建

第一步,是要新建一个页面,命名什么得,没讲究,这里可以设置为网站标题,也可以直接写个首页就可以了。

重点是新建页面右侧有个页面属性,其中得页面模板需要选择自定义模板

Justnews首页可视化编辑超详细教程

然后,我们保存页面,并在网页前端打开该页面

可视化编辑器

然后,我们点击页面顶部得可视化编辑(如果你因此了Wordpress工具条,可以到后台页面列表那里,鼠标移到刚才新建得那个页面上,点击一下可视化编辑即可)

Justnews首页可视化编辑超详细教程

然后,右上角有个设置按钮,点击,设置该页面为首页,开始编辑吧:

Justnews首页可视化编辑超详细教程

接下来,点击左上角出现得+号,就可以开始添加模块了。

Justnews首页可视化编辑超详细教程

可视化编辑模块介绍

下面,来给大家介绍几个我用到得模块吧:

Justnews首页可视化编辑超详细教程

上图为一个推荐文章模块,我这里选择按照文章分类显示,一共显示8篇文章,每4篇一个轮播。(该模块新建只需要在左侧模块列表找到推荐文章模块,拖拽到主页面即可)

Justnews首页可视化编辑超详细教程

上图为边栏模块,还是一样得。左侧找到边栏模块,拖拽到主页面,选择你想设置得边栏即可。如果没有你想要得边栏(比如默认得首页边栏,这里是不会显示得,你需要自行再创建一个自定义首页边栏。这个,需要在后台-主题设置那里创建;然后,返回后台小工具,设置创建得边栏即可)。当然,你可以先随便选择一个边栏,以后再修改。

Justnews首页可视化编辑超详细教程

上图,为专题展示模块,跟后台默认首页得设置方法类似。

Justnews首页可视化编辑超详细教程

上图是文章主列表,根据自己的实际情况,设置即可。

Justnews首页可视化编辑超详细教程

上图是轮播文章模块,我这里选择的四篇一个轮播,一共12篇

上面两张图就比较高端了,先拖拽一个栅格布局,两列平分即可;然后,在这两个栅格上,分别拖拽一个分类文章模块,推荐选择文章列表模式。

Justnews首页可视化编辑超详细教程

上图,是一个推荐文章模块,不过我们这里设置了3篇一个轮播,一共12篇文章。

到这里,你会用到的模块基本就讲解完毕了。实际拖拽过程,都会有虚线提醒你要放在那个框框里的。

模块拖拽完成后,设置完模块,点击提交,就可以完成当前模块的编辑。提交后,再拖拽下一个模块。

整体新建模块的过程就是:

拖拽新建模块-编辑模块-提交模块

全部模块创建完成后,点击发布页面即可

最后,再提一下各个模块的风格样式吧:

Justnews首页可视化编辑超详细教程

这个主要是调整各模块之间的间距,有时候如果上下两个模块间距都设置为20,那么加起来就是40。所以,你需要修改其中一个为0。直到那个模块间的间距是你满意的就可以了。

再介绍下模块的编辑吧:

Justnews首页可视化编辑超详细教程

你会发现,边栏模块在整个有边栏区域的底部,如果你风格样式设置完,有些模块的编辑按钮重叠,无法编辑。这时候,你可以从编辑按钮右侧或者下测移动到编辑条上,可以切换重叠的两个模块编辑,自己多试试就会发现了。

事实上,关于这个可视化编辑也没啥好写教程的,自己多试试就完全明白了。最后,你可能发现我的首页其实有两个边栏,第一个边栏只有一张图片,第二个边栏就是正规的边栏了。是不是很刺激呢。

共计7人评分,平均4.1

到目前为止还没有投票~

很抱歉,这篇文章对您没有用!

让我们改善这篇文章!

告诉我们我们如何改善这篇文章?

原创文章,作者:古哥,转载需经过作者授权同意,并附上原文链接:https://iymark.com/website/wordpress-justnews-diyhome.html

发表评论

登录后才能评论
本站APP
本站APP
分享本页
返回顶部