可视化页面拖拽生成工具使用教程

WPCOM原创主题框架最新版已经内置了可视化页面拖拽生成工具,通过这个可视化工具,我们可以非常方便的将内置模块随意拖拽组合生成新的页面,这个工程非常简单快捷直观,不需要进行代码编写即可完成。下面来介绍下这个工具的使用。

新建一个页面,选择模版

首先需要新建一个页面,然后模版那里选择自定义模版,其他地方的内容可以随意填写,如图:

blob.png

进入自定义页面进行设置

刚才新建的页面保存,然后进入到这个新建的页面(可以通过保存后页面上的“查看页面”链接进入,也可以在所有页面点击查看进入),然后点击页面左上角的自定义,进入自定义页面,如图:

blob.png

在没有设置之前,页面应该市没有内容的,这个时候可以点击页面右边的向左箭头按钮展开模块列表,如图:

blob.png

然后将模块拖入页面中:

blob.png

拖入页面中后,会弹出一个模块设置框,简单进行下设置即可插入模块,实时预览。

拖拽工具使用

可视化拖拽工具目前可以实现模块插入、编辑、调整顺序、复制、删除等功能,在每个模块上面移入鼠标,可以看到blob.png,第一个表示拖动,可以进行排序,第二个是编辑,点击后会出现模块设置信息,第三个是复制,点击后会在当前模块的下方复制一个一样的模块,第四个则是删除当前模块。

工具目前刚上线,所以模块数量较少,后续会陆续新增一些模块。

保存页面

通过可视化工具设置好页面以后,接下来肯定是进行数据的保存了。点击页面左下角的三角形按钮:blob.png

然后点击保存并发布:

blob.png

如果要将当前页面设置为首页,可以点击上图中的静态首页,选择你希望显示的页面,然后再保存。

上一篇:Vitality主题1.3发布 新增可视化页面拖拽生成工具

下一篇:DNS Prefetch预解析提升网站加载速度

猜你喜欢

在线客服