CMS类型的网站通常布局更加灵活,也更复杂,不像博客那样每个页面都长的一样。用WordPress制作CMS网站,如何更方便的布局页面是一个需要探究的问题。

TinyMCE Template

创建复杂页面布局的一种方法是使用预定义好的模版,在文章《WordPress TinyMCE编辑器排版方法》中介绍了WordPress插件TinyMCE Templates,借助这款插件,用户可以自制预定义的模版并保存,布局页面时直接调用模版,替换内容就可以。使用Dreamwaver等工具可以创建出复杂的模版,更换内容不是件难事。

尽管如此,这种方法依旧不尽如人意。如果用户一点HTML代码都不懂,可能会遇到不小的麻烦,比如编辑页面时不小心删掉了一个div,又或者直接从网页向编辑器中拷贝内容,把原来的结构搞的一团糟,如果这时候用户不知道如何切换到HTML模式,编辑相应的代码,就只能重头开始了。

有没有一种更好的方法来管理页面结构,特别是针对不了解HTML的用户?

Page Builder

Page Builder以一种拖拽的方式创建页面,类似WordPress中的widget,数据通常作为custom field存储(也就是存储在wp_postmeta表中)。Page Builder在所见即所得编辑器下显示一个Page Builder区域,有很多Module可供选择,很多是预定好的,例如幻灯变,可切换的选项卡等等。如果这些不能满足需求,还有text module,这个东西会提供一个所见即所得编辑器,你可以任意拷贝HTML代码进去,实现更复杂的效果。用户只需要懂得如何摆放这些Module就可以创建页面了,就像拼图一样。

Page Builder插件大多数收费,比如

本文重点介绍Elegant Page Builder

Elegant Page Builder

Elegant Page Builder由Elegantthemes开发,想拥有它你需要支付89美金,当然89美金是会员费用,包括Elegantthemes所有的主题和插件。下面两个链接分别介绍了这款插件包含的Module,以及可以实现的效果。

下面是介绍亲身试用的感受。

后台界面

这款插件后台的UI界面很漂亮,简单易懂,Column定义分栏,Module是可供选择的模块。

ET Page Builder后台界面

尝试添加了一些模块:

  • Image Slider是图片幻灯片模块
  • Box则是一个带样式的div,可以写点文字
  • Horizontal Bar是一条直线分隔符
  • Image是一张图片,点击图片可以用灯箱效果展示大图
  • Tabs是可切换的选项卡

前台效果

简单布局了下,可以看到这样的效果

pagebuilder前台效果

添加幻灯片的界面很友好,直接点Add Slider就可以无限添加图片

添加幻灯片界面

Text Block直接给出一个所见即所得编辑器,懂HTML的朋友可以充分发挥想象力

每个模块都有一个选项叫做Additional css class,可以增加自定义的class进一步美化模块。

结语

如果你的客户抱怨WordPress编辑器很难编辑出分栏界面,又完全不懂HTML,不要忘记找Page Builder来帮忙。

 

17条留言

    1. 收费也不错啊,起码有人维护,总比用着用着就没人管了好。

      1. 我从网上下载了一个感觉很强悍,不过为什么我下载了好几个都不能完整显示wp_editor,再想编辑的时候就看不到内容了,你的版本能发一下吗?非常感谢

        1. 你说elegant page builder吗?这个插件好像不怎么维护了,我也没再购买。现在推荐使用visual composer

          1. visual composer的确很棒,但要是几个站的话还得单独买,一个key 就能用一个站,很不爽,有别的办法吗?

        2. 你是自己用还是给客户用?visual composer的key只是用来自动升级的,你只要买了一次可以手动下载安装包升级,没必要一个站买一个吧,除非是给客户用。

          1. 给客户用,自己建站也用不上这东西,所以感觉很纠结的事情

          1. 也只能这样了,这个官方的有汉化包吗?

        3. 没记得有汉化包,而且这插件升级经常出问题。

          1. visual composer不是你已经买了吗?这么不好用啊

        4. visual composer很好用,升级偶尔会出点问题,但一般会很快修复的,顶多就是先倒回原来的版本。目前我还没见过比这个更好用的page builder。

          1. 有些付费主题集成了正版的visual composer,他们是怎么实现的呢?难道是extended版本和regular版本的区别吗?

        5. 是这个区别,只是给客户用不需要买贵的,但要做到自己主题里去卖,就必须买extended版了。

          1. extended版 的加到主题里是不是就可以无限次使用了?

        6. 我没买过extended版,但我的理解是,这个条款允许你把插件做到自己的主题里,主题可以售卖,终端客户是通过更新你的主题来升级插件的,所以应该不等于装多少站都能自动更新。
          我不是很确定,你最好问问作者。

评论功能已关闭