作者: Neil Lock

  • WordPress.com 对比 WordPress.org

    Wordpress-Com-VS-Wordpress-Org如果您在建站方面还是个新手,很可能不太熟悉 WordPress.com 与 WordPress.org 之间的这场大争论。您甚至可能不知道它们各自的存在,以及各自的优缺点。那么,请问 WordPress.com 和 WordPress.org 之间的这场大争论到底是什么呢?难道其中一个是等着被起诉的山寨货吗?

    其实并非如此。

    简而言之,这场争论的核心是这两项 WordPress 服务中,哪一个更适合您想要构建的网站。两者都不是山寨品,而且两个网站都归 WordPress 所有;只不过其中一个(.com)对非开发者更为友好,而与 .com 相比,.org 在建站方面的限制要少得多。

    “但我怎么知道自己需要哪一个呢?”

    这个问题的答案完全取决于您未来网站的需求。客观来说,并没有哪一个 WordPress 实体是“更好”甚至“最好”的使用版本。两者各具特色,优缺点也各占一半。

    WordPress.com:为什么要用?何时该选它?

    WordPress.com 为您处理所有基本要素,让您可以更加专注于网站的内容。它是一个完全由名为 Automattic 的公司集团运营和托管的建站平台。您能获得优质托管、备份、安全防护等服务。这意味着,与花费数小时从头开始构建网站相比,您可以更轻松地专注于网站内容。

    但请注意,WordPress.com 也有其自身的局限性。虽然您可能无需过多担心维护网站的内部运作,但您需要记住,您可能无法随心所欲地拥有想要的自由度。虽然自定义网站界面可能不成问题(例如,WordPress.com 提供了海量主题),但以插件形式添加某些功能和元素可能会遇到阻碍,特别是当您的网站需要 WordPress.com 未提供的特定功能时。

    如何维护网站则是完全另一回事。这在很大程度上取决于 1.) 您不是 WordPress 开发者 2.) 您无意学习代码,或 3.) 您几乎没有或完全没有时间学习。

    WordPress.org:何时该考虑它?

    考虑 WordPress.org 的一条经验法则是:当您至少对代码的工作原理略知一二,或者愿意投入一些时间去学习时。由于 WordPress.org 是 WordPress 的自托管版本,您可以随心所欲地亲自动手折腾。此外,您可以自由地对其进行大刀阔斧或小修小补的调整。您将负责寻找自己的主机商、设置自己的安全备份,并全面自行维护网站——更重要的是,完全按照您自己的方式来进行。

    “等等,我为什么想要那样?WordPress 的初衷不就是为了让建站更简单吗?”

    ……不完全是。不妨这样想:The Daily Post 在 WordPress.org 和 WordPress.com 之间做了一个极好的比喻,哪怕是最彻底的新手(比如我自己)也能立刻心领神会。

    根据他们的说法,您必须将 WordPress.com 视为您没有完全所有权的东西。举个例子,就像 15 岁时还和父母住在一起的你。如果你想粉刷自己的卧室,你得先征得父母的同意(他们当然拥有房子的全部所有权,包括你的房间)。严格来说,房间是你的,但归根结底……它又并不完全属于你。

    因此,如果您需要或想要进行任何大改动(例如粉刷墙壁或扩建房间),您仍然需要与房子的真正主人(即爸爸妈妈)商量和/或达成妥协。不过这样做的好处是,当低楼层的保险丝烧断,或者空调坏掉时,您的父母会出面解决,您完全不需要操心任何事。

    另一方面,WordPress.org 则是您可以根据自己的意愿自由定制和调整的平台。这可以比作你 18 岁终于搬出去住,有了属于自己的公寓。既然你拥有住所的完全所有权,你就无需向任何人妥协,哪怕把墙壁刷成你妈妈一直害怕的颜色;你有权做出决定,并且/或者雇佣符合你标准的人来帮你完成。此外,你还可以随心所欲地为客厅挑选想要的空调机型。只是万一它坏了,你就必须请维修工来修,或者自己找出问题所在并学会如何修理(这也并不坏,毕竟吸取了教训,能学到东西总是好事)。

    到现在,希望您已经对 WordPress.com 和 WordPress.org 之间的显著差异有了更清晰的认识。但简而言之:

    随心安装多少都可以 主题仅限于 WordPress 主题,您必须支付一定费用才能移除广告。您对网站拥有近乎完全的控制权;您可以添加、自定义甚至构建自己的主题。

    内容控制权有限;

    WordPress.com WordPress.org
    由 WordPress 完全托管;涵盖所有基本要素。 自托管;选择您自己的基础配置,或选择更好的配置。
    功能受限于 WordPress.com 所提供的内容 以插件形式提供数以千计的功能;

    以上是权衡两者差异时的几项对比。在两者之间做出选择,归根结底取决于您在建站时希望拥有多大的自由度,以及您愿意为此付出多少资源(时间、精力、金钱等)。请记住,在决定哪个 WordPress 平台最适合您之前,这两者都是需要认真权衡的关键选项。所以,切勿仓促做出决定!

    祝您建站愉快!

  • 为页面添加时尚地图是一次互动体验

    Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2现在您可以使用 Page Builder Sandwich 在页面设计中放置地图了!

    为地图感到兴奋听起来有些奇怪。通常您只需复制 Google 地图网址然后嵌入即可。或者在网上找一个地图插件并填入短代码。又或者您使用的其他页面构建器已经自带了地图功能,您可以随时添加。但我们之所以兴奋,是因为我们将添加地图的体验提升到了一个全新的高度。

    以下是预览:

    过去添加地图的枯燥方式

    以下是使用常规页面构建器添加地图的方式:

    1. 拖入一个新的地图元素,
    2. 在输入框中输入经纬度,
    3. 在输入框中输入其他数值,如地图高度、地图宽度、勾选道路样式复选框等,
    4. 点击预览查看效果,并决定需要修改某些内容让它看起来更酷,
    5. 返回页面构建器修改数值,然后重复上述步骤 4。

    Page Builder Sandwich 添加地图的方式

    网站中的地图具有交互性——您可以平移浏览、放大和缩小地图。因此我们想,为什么不摆脱所有的盲猜,让大家在构建页面的同时直接与地图进行交互呢?

    以下是使用 Page Builder Sandwich 添加地图的方式:

    1. 添加一个地图元素,
    2. 输入您希望地图居中的经纬度或地址,
    3. 随意移动地图并放大或缩小以获得理想的外观,
    4. 为地图添加酷炫色彩以契合您的风格,
    5. 点击保存。

    我们的方式更加有趣且直观。基本上,您可以像操作普通 Google 地图那样与它进行交互。

    彩色地图或使用 SnazzyMaps 进行样式定制

    我们加入的一项绝佳功能就是可以为地图着色和调整色调,而且操作极其简便。(此功能仅限高级版)。如果您想为地图上色,只需点击我们的颜色选择器并选择一种颜色,地图就会立即改变。

    以下是一个我们调成粉色的示例:

    Page Builder Sandwich 还支持通过 SnazzyMaps 使用更精致的配色方案。他们拥有海量由用户贡献的配色方案列表,如果您想要对颜色有更多掌控,也可以自行创建。

    只需找到您喜欢的配色方案,复制代码并粘贴到 Page Builder Sandwich 中。该配色方案就会立即应用到您的地图上。

    以下是一个很酷的配色方案,名为 来自 SnazzyMaps 的 papuportal dark:

    随心所欲放置地图

    您还可以利用地图实现更多酷炫效果——例如将它们添加到全宽行中以获得更震撼的视觉效果。如果您愿意,还可以将它们放在轮播图中,或者放在选项卡内(即将推出的功能)。

    如果您还没有 Page Builder Sandwich,可以通过点击上方的“实时演示”链接.

  • PBS 黑色星期五大促:所有许可证立享 7 折!

    page-builder-sandwich-black-friday-deals

    一年中清点所有值得感恩的美好事物的时刻又到了——当然,在这份清单中少不了赫赫有名的黑色星期五大促!网络市场上所有的折扣、优惠券和超值特惠都可以在此期间抢购,这其中也包括 Page Builder Sandwich 的黑五与网络星期一狂欢特惠,活动从今天 2016 年 11 月 24 日开始,一直持续到 11 月 29 日!

    没错。我们将连续 5 天为所有 Page Builder Sandwich 许可证提供 7 折优惠(30% 折扣)!赶快抓住这难得的特惠吧!毕竟黑色星期五一年真的只有一次。使用优惠券代码 BLACKFRIDAY2016 即可享受此项优惠!

    在此期间,祝您购物愉快、建站顺心,感恩节快乐!

     

  • 留白至关重要的5个原因

    Reasons-Why-Whitespace-Matters基本上,根据留白最基础的定义,它是版面中所有元素周围和之间未被标记的 空间。它绝非像大多数网站所有者所认为的那样,仅仅是对屏幕空间的浪费。如果运用得当,留白实际上可以带来诸多好处,更好地推广产品。它是创造优秀设计的关键要素,能让网站在各方面都变得更出色。

    虽然留白(whitespace)这个名称暗示着空间是白色的,但它并不一定非要是字面意义上的 白色。留白实际上可以是任何颜色——它甚至可以包含微妙的图案或纹理。它是一个你不希望视线聚焦的区域。换句话说,它也被称为负空间(negative space)

    那么,为什么留白如此重要?

    newsfeed
    图片来源:News Feed

    原因 #1:提高可读性

    基线和段落之间的留白实际上有助于人们舒适地阅读网站上的所有内容。调整网站的微小细节(例如行距或字间距)可以为提升阅读体验带来巨大的改变。

    我们的目标是通过设计出视觉舒适的布局,让人们愿意持续阅读。

    hpmagicwords
    图片来源:HP Magic Words

    原因 #2:加快交互速度

    说实话:大多数访客在浏览网站时都没有足够的耐心去仔细阅读。当一个网站看起来杂乱无章时,会分散用户的注意力,让他们无法找到所需的内容。

    留白应该有助于引导访客浏览页面。减少争夺注意力的元素,再加上留白的合理运用,可以防止分散注意力并避免减慢访客的浏览速度。

    google
    图片来源:Google

    原因 #3:将注意力吸引到正确的元素上

    留白可以为用户提供视觉线索,提示他们应该关注哪里。如果使用得当,留白有助于突出重点信息,并将注意力吸引到网站上的特定区域。

    记住,如果所有东西都引人注目,那就没有任何东西能脱颖而出。

    图片来源:Pocket Penguins

    原因 #4:第一印象至关重要

    网站的外观和风格是给人留下良好第一印象的关键。良好的第一印象往往会延长访客的停留时间。留白太少会让你的网站看起来廉价且不可靠。除非网站看起来吸引人,否则访客不会认为该网站或品牌值得信赖。适量的留白有助于为你的网站营造出恰当的调性。留白可以是传达新颖、清新以及有时甚至是优雅感的一种方式。

    提示:这里有一个关于如何使你的网页设计简洁且令人熟悉.

    flockknitwear
    图片来源:Flock Knitwear

    原因 #5:有助于营造呼吸空间与平衡感

    平衡的设计并不意味着对称。一个大型设计元素可以通过几个较小的元素来实现平衡。添加留白是平衡页面上不同尺寸设计元素的绝佳方式。建立一种视觉流动感,这样用户的视线就不会到处乱转。一个好的设计应该能够引导用户从一个焦点平滑过渡到另一个焦点,而不会让访客感到困惑。

    结语

    下次当你访问一个网站并发现自己停留了一会儿时,不妨思考一下是什么吸引你留下来并阅读。你觉得行距是否让文章更容易阅读?这种体验是否让你想常来光顾?你在寻找导航时遇到困难了吗?

    请留意网站中留白的巧妙运用。如果你认为它同样适用于你的网站,那么请学习如何应用和管理应在元素周围分配多少空间,直到你认为在不牺牲网站所需“流畅感”的前提下,传达出了恰当的基调和良好的可读性。

    任何网站的终极目标都是沟通。视觉吸引力与网站的成功相辅相成。

  • 究竟什么是简码(Shortcodes)?

    What-Are-Shortcodes-Anyway如果你注意到了的话,WordPress 的经验法则之一就是始终、始终让每个人(无论是新手还是经验丰富的开发者)做事都更轻松一些。他们实现这一目标的方式之一就是使用短代码。

    WordPress.com 支持页面对此的定义如下:

    sht听起来很简单。现在,如果你在阅读本文之前从未听说过短代码,也不知道它们长什么样,其实它们就是用方括号括起来的、看似古老代码的文本。

    相比于通常长这样的常规代码:

    HTML5-video-tag-sample-code
    (额。什么鬼?)

    短代码通常长这样:

    embed_shortcode
    (小菜一碟。)

    ……如果你是一名开发者(或者哪怕只是用过两三次电脑的人),你可能会同意,仅为了完成一项微不足道的任务而进行打字和点击操作就会耗费你大量的时间。就像我们使用键盘快捷键一样,短代码的存在是为了让我们大家更轻松,从而节省时间去完成和创造更好的事物;它们在目的上与快捷键非常相似。

    现在让我们回到这个具体的短代码,与上面的一样:

    embed-shortcode 这个特定的短代码被称为嵌入短代码(embed shortcode),并且是 WordPress 默认内置的。它会将该 URL 中的视频嵌入到你的内容中。如果你现在正在使用 WordPress,并且想尝试一下,可以复制上面的短代码并粘贴到你的网站中。

    不过,短代码并不是节省时间的完美解决方案。在我们的上一篇文章中,我们深入探讨了为什么短代码也有其自身的缺点,以及 Sandwich 团队正在酝酿什么方案来解决这些问题。

    不过目前,尽情体验短代码吧,看看它们能为你做些什么。

    祝建站愉快!

  • 为什么选择 WordPress?

    Why-Wordpress在建立您的第一个网站时,无论是企业、自由职业者,还是任何行业的任何人,都需要考虑一个重要事实——并非人人都精通代码和软件开发。例如,您可能是一位想在网上发布食谱的大厨;也可能是一位需要专业作品集的美术系本科生,或者是一家需要搭建自家网站的初创企业。无论属于哪种情况,事实始终是,虽然我们中有些人可能了解基础代码,但并不是每个人都是全职开发者,也并非每个需要或想要网站的人都懂得如何从零开始构建一个网站。这正是 WordPress 大显身手的地方。那么问题来了:“为什么选择 WordPress?”

    原因 #1

    WordPress 是一个内容管理系统,非常用户友好。

    您首先需要知道的是,WordPress 是一个内容管理系统(简称 CMS)。简而言之,这意味着WordPress 允许其用户创建网站,而无需从零开始编写代码。它具有系统化、条理清晰的界面,让您可以随时掌控全局,而不必时不时摆弄代码。

    相比从头开始建站——通常像这样开始:

    screenshot-1 使用内容管理系统,您可以从类似这样的界面开始:

    WordPress
    WordPress 的后端管理界面。有了 CMS,管理和创建网站变得更加轻松。

    不过,您可能会问自己:“WordPress 看起来很棒,但如果它没有我想要的网站功能怎么办?”,或者“如果我想要一张地图、一个音乐播放器、一个缓存引擎,或一个更可靠的安全系统怎么办?”

    ……从技术上讲,WordPress 很有可能已经具备了您想要的功能,它将以WordPress 插件.

    原因 #2

    插件:WordPress 蛋糕上的那颗樱桃

    如果您担心 WordPress 不包含您可能想要的特定网站功能,别担心:它很可能已经有了。

    插件是“扩展功能”,用于增强 WordPress 网站的功能。如果您是一位需要网站联系表单的企业家,您可能会注意到 WordPress 本身并没有该功能,但有数不胜数的插件可以做到。由于 WordPress 是开源的——这意味着几乎任何人都可以为其开发做出贡献——新的插件一直在定期推出。您可以获得所需的联系表单,甚至更多。您可以自由添加各种插件,从社交分享按钮到地图,甚至是网站的附加安全措施,以及诸多其他功能和扩展。这难道听起来不棒吗?

    截至目前,WordPress 拥有成千上万个这类插件——其中一些甚至是免费提供的,和/或拥有免费版本,包括 PBS.

    原因 #3

    开源:WordPress 社区

    WordPress 是开源的。这意味着任何人都可以免费为其开发做出贡献,任何人都可以研究其底层代码以深入了解软件开发,甚至是 WordPress 本身。甚至有一些企业完全致力于创建和开发 WordPress 相关产品,例如插件和主题(就像我们一样!)。

    由于 WordPress 是开源的,大量的用户、开发者甚至是设计师会不断协作,并在遇到 WordPress 相关问题时互相帮助。这样,您不仅能从真人那里获得真正的帮助,还能同时相互学习。这是普通客户关系服务几乎无法做到的。

    原因 #4

    WordPress 实力过硬。

    CNN、《星球大战》官方博客、《时代》杂志,甚至(天哪!)碧昂斯(Beyonce)的网站都是由 WordPress 驱动的,这还只是冰山一角。这些如雷贯耳的名字并不是证明 WordPress 权威地位的唯一依据——据 Treehouse.com 统计,网络上约有 25% 的网站由 WordPress 驱动。考虑到现存数以千万计的网站……嗯,25% 绝对是一个庞大的数字。

    原因 #5

    极其丰富的自定义选项!

    WordPress 为您和您的网站提供了海量主题。您可以自由选择免费版本、高级版本,甚至可以自行开发一套(或者聘请专人为您定制!)。

    原因 #6:

    它是免费的。

    是的,您没看错。通过本地开发(Local Development),WordPress完全免费,您只需点击一个按钮即可将其安装到您的电脑中。同样,与其聘请开发人员,您完全可以利用现有的代码知识,进一步了解WordPress的运行原理(而且,学习总是一件好事)。

    ……更不用说,如果您没有时间深入研究WordPress和建站,您随时可以获取一款小巧实用的页面构建器插件,并试试我们的产品。

    请记住,WordPress蕴含着无限可能,弄懂这一切的运作原理并不需要您成为天才!

    使用WordPress可以为您节省大量时间、金钱和精力。而在这些资源都非常有限的情况下,请记住,WordPress网站、插件(如PBS!)、主题,尤其是其庞大的社区,完全可以为您提供帮助,让事情变得轻松容易得多。

    建站愉快!

  • 深入使用页面构建器前需要考虑的 3 件事

    3-Things-to-Consider-Before-Diving-Into-Page-Builders你很有可能是听说 PBS 极有可能是建站最快捷的途径之一才来到这里的。虽然页面构建器通常是为了让事情变得更简单而存在,但在深入探索 WordPress 开发的这一特定领域之前,你可能仍需要考虑一些事项。

    学习 WordPress:页面构建器至关重要的先决条件

    这可能是列表中最显而易见的一项,但仍然是最重要的一项。遗憾的是,页面构建器并不能单独购买。它们以 WordPress 插件的形式提供,你需要安装并学习如何操作它们。请放心,WordPress 是创建网站最简便、最正规的方式之一。考虑到我们现在所处的时代,掌握一些技术知识绝对不会让你后悔。WordPress.com 和 WordPress.org 之间存在差异,了解哪一个符合你的需求也能节省时间!

    不过,如果你对本文中出现的大量专业术语感到有些望而生畏,请不要担心。你可以访问一些有用的网站来帮助你入门。其中包括 WordPress Codex 和 Treehouse 。根据你的需求和知识水平,它们提供了 WordPress 使用技巧和网站建设相关的内容。

    你可能想先试水一下,以确保万无一失

    在做出任何未来可能会后悔的重大购买决定之前,先试用免费和/或试用版本总是一个好主意。值得庆幸的是,大多数页面构建器都提供免费/演示版本。当然,我们也可以查阅大量关于页面构建器的可靠评测,而另一些则对比了不同的页面构建器。一定要仔细权衡你的选择!

    除了阅读文章和评测之外,我们喜欢 WordPress 的原因之一是它背后有一个庞大的社区。有许多个人、团队甚至企业,都乐意向 WordPress 同行(尤其是像你这样的新手)伸出援助之手!该社区基本上是建立在互帮互助、薪火相传的机制上,而非单纯的利益交换。

    设计会带来巨大的不同

    WordPress 爱好者 Donna Fontenot Cavalier 就拖拽式页面构建器以及基础设计的重要性提出了一个非常好的观点 。虽然像 PBS 这样的拖放式构建器可以为你节省大量时间,但基本的常识和至少对美学的一些了解是在创建网站时需要考虑的另一个关键因素。想象一下这样的场景——假设你入手了一款心仪的精巧页面构建器:那太棒了!但假设你不是一个对艺术、设计和功能性特别有眼光的人:哎呀,糟糕了.

    不过别担心。Page Builder Sandwich 不仅仅是一个页面构建器;我们的团队还致力于为其他 WordPress 用户提供帮助。因此,如果你在设计方面遇到一些麻烦,别担心——我们在 PBS 博客上准备了大量文章,其中包含许多实用的技巧来帮助你入门。这样,你就可以做更多的事、学更多的知识,并减少烦恼。

    请记住,如果你对页面构建器或上述任何内容有任何疑问或疑虑,欢迎在下方的评论区给我们留言。我们随时乐意为我们的客户提供帮助。

    祝建站愉快!

  • 简码映射:PBS 将如何支持 800+ 插件和 2,000+ 简码

    How-PBS-Supports-800-Plugins-2000-ShortcodesWhen I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

    Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

    I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

    I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

    I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

    在过去的几周里,PBS 团队添加了地图元素以及选项卡元素。

    现在,如果我们只是每隔几天添加一个新元素,这看起来会是一项相当轻松且平淡的常规操作。

    But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

    And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

    I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

    Well, the simple answer is yes. Yes it is.

    And we’ve managed to achieve this feat through shortcode mapping.

    What is Shortcode Mapping?

    Shortcode mapping
    Shortcode mapping makes building shortcodes more friendly.

    Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

    这样的系统带来的好处是相当巨大的:

    1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

    2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

    3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

    4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

    5.) Overall faster page building time!

    短代码映射虽然不是什么新鲜事,很多页面构建器已经具备了该功能。不过,我们的有什么不同呢?

    短代码映射在其他页面构建器中的工作方式

    Lonely times
    Each person/site does their own shortcode mapping.

    Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

    在这种情况下,短代码映射的负担就落在了您——也就是用户身上。如果您想将所有短代码及其所有属性(包括漂亮的颜色选择器等其他内容)完整映射,就必须确保输入每一个短代码的每一处细节。

    What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

    短代码映射在 Page Builder Sandwich 中的工作方式

    Shortcode mapping is centralized
    Shortcode mappings are shared across all users.

    Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

    这为我们带来了很多绝佳的好处:

    1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
    2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
    3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
    4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
    5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
    6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!

    In case you’re interested in reading into how we made all of this possible,  we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

    订阅我们的时事通讯!

    You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

    So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!

  • 让您的网站更美观的5个简单技巧

    5-Simple-Ways-To-Make-Your-Website-Look-GoodIn general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

    这里有一些关于如何改进网站设计的基础技巧。

    Add high-quality images

    You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

    选择合适的 颜色

    booneselections
    Lawrence Boone Selections uses black to add a sense of luxury and value to their website
    juicebox
    Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

    网站的配色方案在为您的品牌营造 适宜的 基调和氛围方面起着重要作用。挑选好看的颜色并不一定意味着它是正确的。每种颜色都会传递不同的信息并引起不同的反应。颜色是网站访问者最先注意到的要素之一,它实际上会影响您网站的 成功。

    为您的设计最多选择 两到三种基础色。如果您觉得需要添加更多色彩,可以使用基础色的浅调和暗调。在色彩理论中,浅调(tint) 是颜色与白色的混合,它能提高明度; 而暗调(shade)则是颜色与白色的混合,它会 降低明度。

    Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

    使用具有对比效果的字体

    Font Pairing There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

    搭配两种字体即使对设计师而言也 可能 颇具难度。您可以通过 尝试使用同一种字体族中的 两种不同 字形 来保持简洁。如果必须使用第二种字体,请选择与第一种字体形成鲜明对比的字体。通常,将衬线字体和无衬线字体结合使用效果很好。另一个 重要技巧是选择 与您公司风格相匹配的字体。 即使您拥有世界上最好看的字体,但如果用错了场景,它看起来依然会很糟糕。

    利用留白保持页面整洁

    Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

    使其适配移动端

    People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

    额外提示:在您的网站上使用 Page Builder Sandwich 将自动开启移动端视图,并针对移动屏幕尺寸进行适配调整。

    结语

    记住:在搭建网站时,低估设计的力量是您可能犯的最严重的错误之一。当然,您不必在设计网站时耗费过多心力,但与此同时,只要遵循这些技巧,就能确保您的网站不会引起受众的反感。

  • 如何通过简单的3个步骤创建基础Hero横幅

    How-to-Create-Basic-Hero-Headers-2

    061716_PBS_Jihan_How to Create Basic Hero Headers_Done

    When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

    什么是首屏横幅(Hero Header)?

    The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

    Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

    要开始制作您的首个 PBS 首屏横幅,请按照以下快速步骤操作:

    步骤 1:插入列并调整行宽

    061716_PBS_Jihan_How-to-Create-Basic-Hero-HeadersClick 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-1-b_Revised-1Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

    What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

    Row Width-Normal

    Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

    Row Width-Full-Width

    Full-Width – Background, text and other elements fill the entire width of your browser window

    Row Width-Full-Width Retain

    Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

    In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

    步骤 2:调整边距以创建留白

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-2-revisedIncrease the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

    步骤 3:添加带有文本和元素叠加的背景

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-aTo add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

    061716_PBS_Jihan_How to Create Basic Hero HeadersTip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

    061716_PBS_Jihan_How-to-Create-Basic-Hero-Headers_Step-3-cType in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

    提示 #2:对于品牌元素,请考虑使用白色或黑色徽标,这样不会与色彩丰富的背景图像冲突。

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-dYou can also add buttons by clicking on Button below the Insert Content tab.

    别忘了保存您的工作,然后就大功告成了!

    恭喜您使用 PBS 制作了您的第一个首屏横幅!即使您还没做到,也无需烦恼;使用 PBS 从零开始可以说更容易,所以应该不会那么麻烦。

    祝您建站愉快!