Enlold主题Layout Builder工具设计页面简单教程!

Enlold主题一个多用途轻量化主题,可以用来搭建企业站,也可以搭配woocommerce插件来搭配搭建电子商务站点。这个主题自带Avia Layout Builder工具,拖过拖拽元素的方法来设计网页,这样不懂代码的小白都能变成网页设计师。小编经常使用这个主题来搭建外贸站点,非常好用!今天就来简单介绍这个主题的Avia Layout Builder工具使用简单教程。
Avia Layout Builder工具包括三个部分:
  • Layout Elements
  • Content Elements
  • Media Elements
安装好enfold主题后,我们随意创建一个page页面,切换默认编辑器为Avia Layout Builder。如下图所示
enfold编辑器
1.Layout Elements
layout元素选项卡包含几个自定义布局,可用于划分页面内容和设计网站外观。这些元素包括网格行、制表符、颜色和全宽部分等。
2.Content Elements
布局元素在没有内容的网站上看起来是空的。Content元素包含用于存放内容的各种元素,包括文本块、图标列表、按钮、滑块、通知、奖状和联系人表单等。每个内容元素都有自己独特的定制选项集,允许您以任意方式显示内容。
3.Media Elements
这些包括图像,视频,画廊,地图和砌体选项,使我们能够呈现我们的媒体,只是我们想要的方式。

如何使用元素编辑页面?

可以将每个元素从其在选项卡上的位置拖动到任意部分。你也可以点击它们,选择的元素会自动添加到你网站的最后一个元素部分。
当您将鼠标悬停在所有部分和元素上方时,它们的左上角将显示三个选项。该图标允许您将该部分或元素保存为模板,该图标允许我们克隆内容和设置,而该图标允许我们编辑该部分或元素。
当添加好列元素后,我们就可以拖拽content element里面的元素到列块内,例如我们添加text Block元素到里面,然后点击这个元素我们就可以编辑这个元素,如下图所示。
这样我们通过拖拽的形式来设计网页,这个编辑器里面的元素非常丰富,基本包含了网页上常见的模块,除了文本,图片,按钮之外还有选项卡,滑块,动画,表单,图标,滑块等等,每个里面也都有非常丰富的设置选项,总之这个编辑器工具还是十分庞大。希望大家都能好好学习利用来创建出自己想要的页面。

转载请注明:《Enlold主题Layout Builder工具设计页面简单教程!

发表评论

电子邮件地址不会被公开。 必填项已用*标注