重新设计StevePavlina.com网站 — 第3部分
2016.04.15

此文是共有9部分的《重新设计StevePavlina.com网站》系列文章的第3部分。



页面生成器


搜寻一个出色主题的做法结果是条死胡同,于是我把这项工作搁置一旁,将注意力转向研究页面生成器。页面生成器是种附加工具,通常是个付费的WordPress插件,它会提供一个用来创建和展示新WordPress页面的可视化界面。有些页面生成器能让人在网站前端编辑页面,这样你就可以在访问任意页面的同时,通过管理工具条直接启用页面生成器。所以若你在网站上看到某处想更改的内容,就不必进入WordPress的仪表盘进行更改,也不必修改主题文件。你可以通过点击拖拽,直接添加新元素,比如一个侧边栏,各种图片、视频、文本区、标题等。


我在八月份首次参加的WordPress见面会上,看见有人展示过Visual Composer(简称VC)。我相信它是博客界最流行的页面生成器。了解过VC之后,我试用了它的免费在线版本,觉得它可能有些使用潜力,至少作为快速创建原型网站的工具并无问题。见面会团体里至少有一位成员似乎是VC的大粉丝,但另有几位成员明显不喜欢VC。


在开发者社区里,对页面生成器的使用仍有点争议。一些开发者喜欢它们,另一些却不推崇使用。一个有效的反对意见是,取决于页面生成器的设计方式,它们可能制造锁定问题。锁定问题是指,若你使用页面生成器创建网站,可能就必须无限期地一直使用它 — 每年都要支付许可费用,才能持续使用。若你卸载它,便会损坏自己的网站。


有些页面生成器在锁定问题上并没有太大麻烦。若你卸载它们,可能必须对页面重新布局,但通过WordPress编辑器,你的网站内容依然完好无损,完全可以阅读。所以假如不再使用页面生成器,或转换使用不同的页面生成器,你可能要做些改换格式的工作,但那些工作依然在合理的可行范围内,尤其是在网站并不太大的情况下。


其他页面生成器却没这么好用,因为它们会在你的网站内容里直接插入大量短代码,并且在被卸载时,不会移除那些短代码。这意味着一旦卸载那个插件,你将身处所谓的短代码地狱。你的网站内容将充斥可见的短代码,页面内容也会出现错乱,除非你把这些短代码全部清除完毕。


若你并不熟悉短代码,一言以蔽之,它们就是内嵌在文本中的说明部分,用来告诉WordPress如何格式化不同的内容元素。使用短代码本身并非问题,因为WordPress直接支持很多短代码。我自己也用短代码,比如要在音频页面上嵌入音频片段。但在需要依赖短代码时,我会有些犹豫,除非它们是WordPress或Jetpack的一部分,即直接由WordPress团队维护的软件,而且我也能合理期待此软件将长期存在。我只会有节制地使用依赖插件的短代码,这样即使卸载插件,自己也无需面对要移除关联短代码的问题。当移除一个使用短代码的插件时,一般来说会发生的事情,就是和此插件关联的短代码将被作为普通文本对待,显示在使用短代码的任意页面上,从而被网站访客看到。


我喜欢Visual Composer的某些好处,但鉴于潜在的短代码地狱问题,我不得不排除这个选项。我不喜欢自己被其锁定,导致以后在有必要转换到其他工具时遭遇痛苦经历。我也感觉作为如此流行的一个工具软件,它的界面和功能并不像自己预想的那样熟悉好用。当用它创建一些正常的测试页面时,其免费演示版本在我面前崩溃了好几次。我得到的印象是,这些家伙在市场营销上干得挺棒,但在技术实现方面有点欠缺。我使用由过硬技术专家创作的工具时,通常觉得更舒适自在,而这些工具一般在市场营销方面不太有名。


我还查看了Divi、Live Composer、Velocity Page、Make Plus,以及其他几个页面生成器。它们似乎都在关键领域存在欠缺,有可能导致我在长期维护网站时遇上困难。最终我排除了所有这些选项,但自己仍喜欢使用一款页面生成器的总体想法;我觉得在重新设计网站方面,使用页面生成器将有许多潜在好处。就算只在制作网站原型和测试想法时使用它,也能为自己节省不少时间。


至少这就是2015年9月,我调查各种页面生成器时遇到的情形。我不知道现在的状况是否有所不同。显而易见,这类工具会持续进化完善。


以上也是部分匹配对象的经典案例。我发现一些自己想要的结果,但并不足以完全认可。在从1-10的满意程度上,我有许多6分和7分选择。但我想要一个9分或10分选择,假如无法找到更好结果,我也许会接受一个8分选择。



Beaver Builder


随着继续调查研究页面生成器,我终于找到了10分选项。而且它还有个挺好玩的名字:Beaver Builer(海狸生成器)。


这个页面生成器似乎不像我看到的其他一些选择那样流行,它也不像Visual Composer那样包含许多功能。但当我试用了Beaver Builder的免费在线版本后,立刻便喜欢上它。这款页面生成器有着更简单优雅的界面,从而使其更易使用。它也没有在我面前崩溃 — 这是另一个好迹象。


我用它为自己网站测试创建了一个“关于页面”的样本,依然用的是免费在线版。最终结果看起来很棒,而且创建过程轻而易举。


我花了数小时研究Beaver Builder,阅读了他们的FAQ和指导材料,对其有了更多了解。我喜欢自己看到的内容。如果使用Beaver Builder,我不用担心身处短代码地狱的境地,因为它会把改动内容保存到WordPress数据库里的wp_postmeta表格中,而非wp_posts表格。


我保持着谨慎乐观。自己感觉它就是那种满意工具,可以用来创建我真正想要的网站。我还看到证据表明,这个工具背后有着出色支持团队。提供支持服务的人员就是实际开发者,而非经过培训的某些客服代表。所以若碰上任何问题挑战,我可以用程序员对程序员的方式和他们交谈。日后在对自己网站进行一些自定义操作时,这件事便显得尤其重要。没有那些开发者的协助,成功创建这个网站将会困难得多。


我也喜欢Beaver Builder网站本身的设计和布局。它没有过分的推销和逼迫感。我很轻松就能得到自己需要的信息,理解各项功能,并详细考察众多演示版布局。


下面这个因素看起来也许很微小,但我挺喜欢他们的名字。当其他页面生成器采用描述式或有技术感的名字时,这个页面生成器成功脱颖而出,用了个好玩名字,外加露着大长牙的海狸作为吉祥物。它让我不禁笑了出来。不知怎地,我在使用这个工具时会因此感觉更轻松有趣,更像在玩而非工作。这种感觉和我的价值观与个性很好地保持了一致。不过此事只是额外福利。我不会仅仅因为喜欢名字,就投入使用一款页面生成器。虽然如此,它给我的印象是,与大多数开发者相比,这个团队的开发者很可能挺享受自己的工作,而我把这种工作状态视为产品长寿的一个好迹象。


我之所以喜欢Beaver Builder,有自己的良好逻辑理由 — 比如它的功能列表,出色的技术支持,开发者的技术实力,更小的风险 — 但我也喜欢自己使用它时的总体内心感应。我从直觉上感到它就是正确选择。它不仅满足我的思维过滤器,还满足了我的情感过滤器。


有趣的转折是,Beaver Builder包含两部分内容。页面生成器是其中之一,可作为WordPress插件使用。另外它还有自己的WordPress主题 — 其主题非常灵活,拥有出色开发的自定义工具,可以变换颜色、字体等更多功能。你既可单独使用页面生成器或网页主题,也可两者一起使用。起初我想自己可以只用页面生成器,另外再找网页主题。但当我查看Beaver Builder的网页主题时,立刻觉得非常喜欢。它干净、直接、优雅,而且非常适用。我可以轻松想象在自己网站上使用它的效果。我用免费的在线演示版试用了他们的自定义工具,结果表明,没错,这个主题就是正选。


所以我最终通过迂回方式找到了自己网站的主题。我看过大量并不喜欢的主题,这帮助提升了个人鉴赏能力,然后在我并未主动寻找一款主题时,反而找到了合适选择。我发现很多美好探索结果都是通过这种方式得出。我们首先让自身思维浸透各种可能性和想法。然后停歇了一会儿,结果正确选择终于突然出现。


Beaver Builder的收费模式是,单独使用页面生成器99美元/年,页面生成器和主题一起使用199美元/年,续费使用时提供极大折扣。页面生成器和主题许可单人在无限数量的网站上使用。我购买了套餐模式,因为主题和页面生成器相互间有着很好补充。后来在项目进行过程中,我发现能从同一个团队,获得对主题和页面生成器的技术支持很有帮助,因为我的一些自定义设计需要同时对两者做出改动。


随着我用Beaver Builder创建网站,他们的开发团队已从3人成长到6人,页面生成器与主题也一路完成了许多次更新。我的几条建议甚至包括在一些发布版本里 — 能看到开发团队积极使用客户反馈来改善产品,确实让人心生愉悦。


购买Beaver Builder后,我决定在开始用它创建真正的页面前,透彻学习这款软件。我仔细查看了每项功能,每个窗口,和每个选项,从而对它的创作能力有了更多领悟。我甚至熟悉了从未预想要使用的功能,以便意识到它们的存在。这些自我培训并未花费太长时间,也许一个下午已经足够。随后我便感觉准备好了开始用它创作一些页面。


到此时,我感觉非常乐观。自己有了网站主题,也有了能加快开发进程的页面生成器。我认为Beaver Builder不仅在创作网站原型上足够好用,也适用于创建最终版网站,以及未来网站发布后的维护工作。结果证明事实的确如此。我很高兴自己先前没有将就一个部分匹配的选择。


Beaver Builder的另一好处在于,你无需是个程序员才能使用它。有些网站开发者一直在自己客户网站上安装Beaver Builder,这样他们的客户可以自行编辑页面,而不必为了每个小小改动,需要付钱才能得到服务。



子主题


安装并配置好Beaver Builder的主题与页面生成器后,我下步做的就是从Beaver Builder的主主题派生出一个子主题。我是从WordPress见面会上了解到子主题的概念,当时立刻感觉它很有道理。子主题的作用效果,就像面向对象的编程工作里的继承概念。


子主题会告诉WordPress从父主题开始,例如Beaver Builder的主题,然后应用只在子主题里做出的特定改动。如此一来,子主题只需要包含从父主题上做出的改动。通过这种方式,你可以让所有改动保留在子主题上,无论主主题何时进行更新,那些更新都不会重写你的自定义内容。所以无论Beaver Builder的主题何时出现更新,我都可以放心安装,而且新的主题不会重写我的自定义内容,因为那些内容全都保存在子主题上。否则的话,若你在父主题上进行改动,就无法在新版本发布时更新主题,因为每次更新都会重写你的自定义改动。每次有主题更新时,WordPress甚至会警告你进行更新操作。幸运的是,创建一个子主题非常容易,一旦你知道具体做法,一分钟内便可完成。


另外,若想改换到不同主题,不再使用Beaver Builder,比如其技术团队最终解散,不再支持这个产品,我只花一点儿功夫便可改换到不同的父主题,子主题上的自定义内容也能应用在新的主题上。


因此,使用子主题是无需用脑思考的决定。我能通过它更轻松地维护网站,并利用各种新的WordPress功能。


创建出子主题后,我便试用Beaver Builder的自定义工具,为网站创作页眉和页脚,并确定了字体、颜色和大小。接着我把创作结果展示给Rachelle,她帮我做了更多完善修改。我并不期待这些初始设置会是最终结果,但它们确实让我开始了创建网站的进程。我知道自己永远都可以再调整修改这些事情,最后也确实这样做了,同样是在Rachelle的帮助之下。


由于我导入过自己的博客数据库,此时我可以看到实际的博客文章是什么样子。即使还未进行太多自定义操作,我认为用自定义的Beaver Builder主题,做出的初始结果看起来已经挺棒。此后仍有大量工作要做,但我已朝着正确方向开始前进。



下一篇:20160418 重新设计StevePavlina.com网站 — 第4部分

上一篇:20160414 重新设计StevePavlina.com网站 — 第2部分


查看原文



全部博客译文