CMS,你离我们不遥远 – 小工具变身CMS板块 - 勒统驿站 | LtoPro

CMS,你离我们不遥远 – 小工具变身CMS板块

[隐藏]

驿站一周年啦,wu1yi2fan就这样子跌跌撞撞的把驿站运营了一周年!这是个值得庆祝的日子!所以呢,我决定,要给大家一个惊喜!让我们给自己的WordPress添加CMS模块吧!咳咳,标题防偷窥,链接防偷窥!……糟糕,RSS放不了偷窥……算了,不理这些,下面,我们开始废话!

某X一直说wu1yi2fan在抄袭他的定位,额,我去,驿站的定位是什么?自己的捣鼓经历啊亲。好吧,出现这种话的话,那就说明,wu1yi2fan又要来介绍插件了!没错,很多强迫症站长都讨厌至极的插件!(没办法,wu1yi2fan没那么牛X。)

虽然不知道这个插件具体有什么用,不过,根据插件主页所说,这是一个页面生成器。额,听到这里不少人应该明白了。换句话,这是一个帮助我们利用侧边栏的小工具制作页面的插件。(貌似有点矛盾?)

你可能还在纠结这个到底有什么实际意义,简单,那就是,让你的非CMS主题做出CMS主题的效果!如果早点wu1yi2fan能够发现这个插件,wu1yi2fan就不用如此蛋疼的用国外的主题了!(我特么正在找一个合适的国内主题,然后用这个插件改造改造。)

 没错!页面生成器这种东西是国外CMS主题的标配,驿站的首页就是用主题自带的页面生成器生成的。看,这就是驿站主题自带的页面生成器~

CMS,你离我们不遥远 – 小工具变身CMS板块 - 勒统驿站 | LtoPro 第1张

现在,你不用换成国外的主题就可以享受这种只有国外的收费主题和部分免费主题才能够享受的待遇哦亲,只需要安装一个插件而已哦亲。虽然双十一过了但是我们还是提供这个待遇哦亲。(怎么变成淘宝呛了= =)心动不如行动!现在。就让我们有请这个神奇的插件登场吧!

插件介绍

名字:Page Builder by SiteOrigin

插件主页:https://wordpress.org/plugins/siteorigin-panels/

WordPress版本要求:3.7 +

安装方式:后台搜索安装即可= =

这个灯箱,这种风格,是不是有种某X上身的赶脚!废话!wu1yi2fan和某X用的是同一个插件来做这个灯箱!难得wu1yi2fan想正式一点呢,你们就不要纠结这么多了好么= =

废话不多说,在后台搜索下载这款插件。然后,启用。接下来,我们先进入配置页面。

配置

老规矩,没有正确的配置,插件就不能正常的工作!所以,简单说一下这款插件看起来貌似不太复杂的设置界面。

在设置里面找到这款插件,你可以看到一个神奇的设置页面接下来,请允许我简单翻译一下。

1.Post Types

这里是设定这个页面生成器在哪个类型的页面中生效。通常只用勾选页面就可以了。

2.Copy Content

将页面生成器生成的内容复制到编辑器里面。便于更好的兼容性。勾上就是启用。

3.Animations

选择是否开启小工具的动画效果。如果关闭的话,幻灯片之类的小工具无法正常使用。

4.Bundled Widgets

是否在页面生成器里面显示插件自带的小工具。这个随意,不过,自带的几个被怎么好用。

5.Responsive Layout

响应式布局。换句话。跟自适应差不多,强烈要求开启!

6.Mobile Width

设定当宽度低于多少时识别为移动设备。

7.Row Bottom Margin

这个……好吧,我不知道干什么用的。

8.Cell Side Margins

这个我也是真真不知道干什么用的啊T_T

貌似,配置页面就这么多东西了。接下来,我们就一起来看看这个页面生成器的威力吧。

驿站为了这次的测试,特地开了几个测试站点呢。哈哈。前期的准备麻烦死了,不过,总算是上线了。接下来,我们就在测试站点里面演示给大家看。

演示

注意,为了演示效果,特地把驿站的部分内容Copy到了演示站点,请大家见谅啊。

本文的演示地址,把地址栏中的www改为demo即可哦。以后所有的演示都是这个样子的。方便大家查看。

启用了以后呢,只要打开新建页面或者是新建文章的页面,就可以看到插件的赞助提示……

 CMS,你离我们不遥远 – 小工具变身CMS板块 - 勒统驿站 | LtoPro 第2张

当然,这不是重点,重点是,在原来的“可视化”,“文本”之后多了一个“Page Builder”。嗯,没错,就是这个!让我们切换到页面生成器视图吧。

 CMS,你离我们不遥远 – 小工具变身CMS板块 - 勒统驿站 | LtoPro 第3张

好了,你可以看到一个空空的界面。让我们点击左上角的加号,添加第一个模块吧!

 CMS,你离我们不遥远 – 小工具变身CMS板块 - 勒统驿站 | LtoPro 第4张

点玩+号以后,你可以看到你现在可以用的所有小工具。这里面,后面有(PB)字样的是插件自带的小工具。不过没啥子用……

CMS,你离我们不遥远 – 小工具变身CMS板块 - 勒统驿站 | LtoPro 第5张

选好了小工具,然后,你可以看到一个好大好大的配置框,但是,内容只有一点点……差评! :-x 

CMS,你离我们不遥远 – 小工具变身CMS板块 - 勒统驿站 | LtoPro 第6张

添加完成以后,你就可以看到啦。如果把鼠标移上去,你可以看到删除,修改等操作。

 CMS,你离我们不遥远 – 小工具变身CMS板块 - 勒统驿站 | LtoPro 第7张

行了,让我们继续。

 

你很快会意识到一个问题,那就是你没有足够多的挂件来达到你想要的效果,所以呢,你需要一个可以提供多种样式的挂件。那么,wu1yi2fan推荐使用终极简码。这款短代码插件提供了超过40 种短代码,其中包括了CMS主题里面常见的幻灯片模块,自定义文章列表模块,RSS模块……只要你会改CSS,那么,这两款插件在一起就可以构建出一个完美的CMS主题!至于怎么用,我就不说了。大家在插件安装页面里面搜索“ShortCodes”。第一个就是了哦。(经过多次测试,貌似幻灯片的兼容性不太好,说明一下先,在驿站这里测试是可以的,但是在几个测试站点里面都……)

当然,插件的作者也意识到了这个问题,所以,你可以在挂件列表的最下面看到按钮“Recommended Plugins and Widgets”,点击这个按钮就可以查看跟这个插件兼容性不错的小工具。不过,貌似也才几个啊……

最终,wu1yi2fan简单的做了一个,额,没有太多修改,就是这个样子啦。

 CMS,你离我们不遥远 – 小工具变身CMS板块 - 勒统驿站 | LtoPro 第8张

当然,你也可以自己去写一个小工具,用这个插件就可以轻松的构建出一个简单的CMS主题的首页了,哈哈。当然,如果要好看点,那么,你就还需要学会CSS,用CSS去定义每一个部分的样式。那么,在这里,因为一周年,所以,我们继续说下去。

深度定制

1.所有的小工具标题的元素标签都是

h3 class="widget-title"

2.每一个小工具模块的div标签格式大都是

id="pgc-$post_id-0-0"

其中的0-0是按照顺序数下去的。当然,也有固定的标识符,那就是

class="panel-grid-cell"

3.所有的CSS样式最好在插件目录siteorigin-panels/CSS/front.css中定义,否则,你懂。

最后,驿站一周年生日快乐! :twisted: 求蛋糕!

发布者

wu1yi2fan

集合了懒,馋,脑残,逗,爱吐槽,勤奋,爱折腾,爱搬运,貌似还有一点抠门的一个神奇的家伙。(话说貌似有些很矛盾?)喂,话说你都看到这里了,为啥不留言?(ノ=Д=)ノ┻━┻

《CMS,你离我们不遥远 – 小工具变身CMS板块》有12个想法

发表评论

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