WordPress外贸建站:Page Builder by SiteOrigin

siteorigin-drag-and-drop

上一篇文章WordPress外贸建站:Avada主题/模板提到了Avada的一个非常方便强大的功能Fusion Builder,可以制作出非常吸引人的页面。如果想使用这么方便强大的编辑器,又不想换现在的主题(如果现在主题还不错,而且已经用了相当长的一段时间,确实最好不要更换)怎么办?今天我们介绍一款强大的page builder插件:Page Builder by SiteOrigin

Page Builder by SiteOrigin适用于几乎所有主题/模板,可以在安装插件页面搜索关键词快速安装。安装并启用之后,你在编辑器的右侧就能看到它的标签了,点击切换到Page Builder。

siteorigin-page-builder

切换之后会看到下面几个按钮,我们常用到的是添加小工具,添加行和实时编辑器(这个实时编辑器会打开前台页面,编辑器在左边,你修改的时候右侧的前台内容会实时变化,以便帮助你实现自己想要的效果)。

siteorigin-options

添加行的自定义程度非常高,可以用罕见来形容。可以定义一行分成多少栏,每一栏的宽度所占的比例,百分比精确到小数位,拖动中间的竖线即可调整。

siteorigin-row

siteorigin-row-width设置好布局之后,我们就要往这些栏里面添加小工具(widget)了,这里可以用wordpress标准小工具(就是我们的侧边栏sidebar用到的那些小工具),其他插件生成的小工具,还有一些第三方为Siteorigin Builder开发的小工具包(widget bundle),这里推荐Siteorigin官方开发的小工具包:SiteOrigin Widgets Bundle 这里面包含了很多常用的小工具,如标题,按钮,图标,客户证言…… 安装插件并启用之后,到插件-Siteorigin Widgets菜单下激活你需要的小工具,一定要先在这里激活,你使用Page Builder的时候才能选择这些小工具。

siteorigin-widgets-bundle

siteorigin-add-widgets

每个小工具都有它自己的设置选项,而且你可以很方便地复制,删除,拖放小工具和行。

siteorigin-widgets-options

siteorigin-call-to-action

使用行设置页面布局,使用小工具为页面添加自己想要的功能,这样就可以做出几乎任何自己想要的页面。

Siteorigin Page Builder可以免费使用,用户数量庞大,开发者也在不断添加新功能及增强现有功能,用户社区非常活跃,大家可以去他们的官方网站看一下:https://siteorigin.com/

插件是Wordpress的一大特色,通过使用插件,没有代码基础的我们也可以实现很多复杂的功能,下一章N10将为大家推荐一些外贸建站必备Wordpress插件,可以实现各种不同的目的,敬请期待!