张北企业网站制作:用Gutenberg建立WordPress网站

2019.06.11 张北企业网站制作

92

如果你一直在关注Gutenberg,这个新的WordPress编辑器,你知道很多用户已经形成了强烈意见其中的一部分。但是,抛开所有的戏剧性,用它来建立一个网站是什么样的呢?

张北企业网站制作随着WordPress5.0越来越接近我,我决定是时候来看看Gutenberg的能力了。虽然我做了一些很好的测试(也许更好地描述为四处游玩),我还没有将编辑器的插件版本包含到我的标准工作流中。

我想我会开始的很小。所以,我在一个我正在重新设计的小册子风格的网站上安装了古腾堡。下面是一些关于我的经验的想法,同时要记住,这仍然是一个测试版软件,还有几个bug需要解决。

一种新的工作方式

在之前看过Gutenberg UI之后,对于我能够完成的任务,我有一些基本的期望-那些我很难用经典编辑器做的事情:

  • 易重排内容
  • 创建简单的多色彩布局
  • 在多个地方重用自定义的内容块

我只想说,我不希望(也不想)有一个全面的发展。页面生成器编辑经验。谢天谢地,古腾堡并不打算这么做,而且它真的不是那种类型的任务。

总的来说,我要说,这些领域的情况都很好:

重排内容
在页面上切换内容非常简单,可以使用在块上悬停时出现的小箭头。但是,我无法水平地切换列中排列的内容。至少,如果这个功能是可用的,我就不知道了。

张北企业网站制作

多色布局
这个特性还在测试阶段,但它起了作用。我遇到的唯一麻烦是向列中添加不同的块,然后用游标选择特定的列。在列上盘旋时出现的大量网格线有时确实会让人有些困惑(不过,3.6版的插件似乎使这一点平静下来了)。

在前端,我确实需要调整一些css,以便使基于Flexbox的列在移动屏幕上相互叠加。这并不是一件坏事,因为主题开发人员希望完全控制这些类型的设计决策。

It can be difficult to select the right block in multi-column layouts.

重用块
Gutenberg的一个优点是能够保存您创建的内容块以供重复使用。我确实发现我可以用我设置的一组社交媒体图标来做这件事。我构建了这个块,保存了它,并将它添加到多个页面中,没有任何问题。

真正令人印象深刻的是,我张北企业网站制作可以对这个可重用的块进行编辑,保存它,并且经过编辑的版本会自动显示在我使用它的每一页上。这是一个实时节省时间的方法。

A Reusable Block, consisting of social media icons.

现有内容如何?
我还想看看网站的现有内容会发生什么变化,我已经将其导入到WordPress的新安装中。默认情况下,Gutenberg将这些内容放入一个“经典”块中,这与WordPress经典编辑器非常相似。在前端,一切看上去都像预期的那样。

我可以选择将这些内容转换为一系列适当的块,以供进一步编辑。根据我的经验,编辑处理得很好。例如,图像被放置在“Image”块中,无序列表被放置到“list”块中,依此类推。我很高兴地报告,这个过程似乎没有什么不对劲的地方。

张北企业网站制作

学习曲线

除了担心“东西不起作用”之外,我最担心的是我要花多长时间才能习惯使用一个新的编辑器。毕竟,在测试站点上乱搞与为客户构建东西是大相径庭的。

使用Gutenberg的最初几个小时有点令人沮丧,因为我很快就发现了它的怪癖和过程。我怀疑这部分是因为我不得不以一种我不习惯的方式工作。多年来,我一直倾向于使用自定义字段用于许多与布局相关的任务。我基本上放弃了用经典编辑器来做任何事情,哪怕是最简单的事情。因此,更多地依赖编辑器本身需要一些习惯。

不过,经过一些练习,我通常能够完成我需要做的事情。UI非常直观,您可以开始创建一个构建页面的攻击计划。一旦你有了一个计划,你就可以着手把所有的事情结合起来。

一个始终令人沮丧的项目是安置和(在某些情况下)失踪自定义元盒..对于不熟悉的人,这些是按主题和插件放置在编辑屏幕上的框。例如,您的SEO插件可以添加允许调整页面优化的元框。

一些项目,如自定义字段,被固定在屏幕底部(这是相当公平的,尽管到目前为止,这种类型的位置在经典编辑器中更容易控制)。其他箱子在右下角的手风琴中折叠起来。但我确实找到了一些插件,它们的元盒根本没有显示出来。

Meta boxes are placed to the bottom and bottom right positions.

目前,那些丢失的元框的唯一修复方法是暂时切换回经典编辑器。从那里,我可以调整我需要的设置,然后切换回古登堡。在这个过程中没有什么打破,但仍然不方便。

在开发人员如何定制WordPress的过程中,元盒是如此重要的一部分,似乎应该在这里对它们的实现方式给予更多的关注。虽然我不一定理解开发团队决策背后的技术原因,但我可以说,更好的集成可以为用户节省大量的麻烦和麻烦。

少了什么?

张北企业网站制作当我用古腾堡来构建内容的时候,我不断地回到它的大电势..但是,编辑还没有完全到位。

其中一部分是需要解决的大量bug和可用性问题。但是,由于这个插件得到了更多的采用,并得到了大量的反馈,我希望在编辑器被合并到核心之前,其中的大部分都会被处理好。

方程的另一半是看到WordPress社区为进一步提高整体体验所做的创造性的事情。由于可以构建自定义块,我们肯定会看到一些非常有用的东西添加到混合中。

现在,在股票表单中使用Gutenberg为我们提供了一种自定义内容的方法,这是经典编辑器无法做到的。但是,这些来自社区的额外援助将把事情推向下一个阶段。

总之,我要说的是,古腾堡几乎不是一些人所宣称的火车失事。但这需要更多的微调和社区参与才能充分发挥潜力。


最新案例

联系电话 400-6065-301
赚钱高手两组三中三-三中三复式计算公式-三码中特全免费公开码 本港台现场报码直播j2-本港开奖结果现场开码-本港台现场搅珠直播 正版管家婆一句赢大钱-www管家婆27735com-管家婆小鱼儿论坛心水 九龙心水三肖永不改料-九龙心水525757com-九龙老牌图库彩图大全 澳门123696com开奖结果-626969cc澳门资料大全-2021澳门合彩开彩结果