WordPress 编辑器 Gutenberg 值多少钱?

你好在这里 🙂,感谢您点击我的文章 😁。

今天,我们将讨论 Web 开发领域中一个非常有争议的话题:Wordpress…

尽管经常被嘲笑,Wordpress 仍然是必不可少的,它与网络、博客一起成长。 科尔本 例如,它是一个 WordPress 😛(你知道吗?)

但是,这个小家伙已经进化得很好,这就是为什么我在本周的文章中将他放在聚光灯下……
事实上,我用它为未来的“副项目”创建了一个登陆页面,该项目不会立即看到曙光…… 忠诚卡

我与 WordPress 的故事…

与许多开发人员一样,它与 WordPress 之间的关系一直很复杂……至少直到最近……

WordPress 入门

我们第一次见面,一定是在2010年,当时我创建了我的第一个博客,当时创建博客就是参考(事实上今天仍然如此……)。

当时这个博客我只是安装了它,选择了一个主题并开始发布文章,没有今天的严谨,但基础已经有了,即使我没有保留内容这个博客和今天 它重定向到这个网站,这就是您今天所使用的博客的基础 😁。

后来的一些副业项目

我开始在业余项目上更深入地使用 WordPress,例如《魔兽世界》公会网站(是的,所有开发人员,我们转向了《魔兽世界》)…

新闻网站、WooComerce 的“eshop”、展示网站…等。

在此期间,我很快就对 WordPress 失望了,我有一种修补的感觉,做事不正确的感觉……这就是让我远离它的原因。

那些让我震惊的 DIY 😮

WordPress 主题黑客的创意插图

带有奇怪代码的主题
我要讲一些我看到的轶事,第一个是关于一个主题的,我不记得主题了,但我记得它让我印象深刻:

主题是免费的,不是很漂亮,但是嘿,它完成了我当时正在做的 DIY 工作,我想个性化它,当时我不知道有必要创建一个“儿童主题” ” 修改主题(与面向对象编程中的继承原理相同)。

所以我尝试修改基本主题,当我到达页脚时,我看到 PHP 中的“eval()”。
除此之外,当时我已经知道 PHP 中的“shell”是什么,尤其知道为了在代码中“隐藏”shell,我们经常使用这个函数。

对于非 PHP 专家,此函数允许您执行字符串中的 PHP 代码…

“eval”函数与加密字符串和解密函数一起使用(这是一个循环,使用 XOR 和 base64)。

你会对我说,“这段代码做了什么?”
很简单,这就是开发者找到的防止“页脚”中“版权”被修改的方法……

我明白他是想保护一个免费主题的版权,但当时的做法并没有让我高兴。

用作计数器的 iframe
在基本的 WordPress 中,一切都是“博客文章”,因此我曾经遇到过一个需要更多功能的项目,但 WordPress 仍然用于此目的……

事后看来,为什么不呢,但在这种情况下,要么使用扩展来做到这一点,要么修改(子)主题或为此创建一个扩展。

柜台的插图

这个想法是在页面上显示页面内容的“视图”数量,为此,有一个 iframe 加载了另一个页面,该页面增加了一个计数器,并“回显”了该计数器,该计数器存储在一个单独的数据库…

而且,根据你的说法,他怎么知道要增加哪个计数器?
只需使用“HTTP_REFERER”,因为当您在网页中加载 iframe 时,“父”页面在 iframe 中加载的页面的“HTTP_REFERER”中可用…

问题是“HTTP_REFERER”是浏览器发送的原始数据,是网络编程的基础之一?

永远不要相信客户端发送的数据。

最后,每次加载页面时,计数器都会递增,即使是加载页面的“机器人”……

这总结了我在 WordPress 上经历的两次臭名昭著的冒险……

像 Divi 这样的“所见即所得”编辑

所见即所得和代码编辑器的创意插图

我还有机会发现“所见即所得”编辑器,例如 Divi、Elementor 和 CornerStone。

说什么 ? 从纸面上看,这不是一个坏主意,它让那些根本不知道如何编码的人能够设法做很酷的事情。

但问题是,当我们需要开发人员“更进一步”时,DVI 会生成不可修改的专有代码,这就是问题的开始。

过去我(作为开发人员)不得不尝试对此做一些事情,而且成本很高……
我想我并不是唯一一个有过这种经历的人,这就是为什么 WordPress 今天的名声如此糟糕。

问题不在于 WordPress,而在于它的使用

事后看来,问题从来都不是 WordPress,它是一个很好的产品,当你将它用于它的用途时,“糟糕的项目”Wordpress 是 DIY 和想要从头开始使用 WordPress 的不礼貌的结果。

然而,如果你正确使用它,可以用它做非常酷的事情:)

古腾堡,旧编辑器的替代者

WordPress 的一大缺点是,当您想要开始“进一步”设计,特别是允许“非开发”人员对其进行修改时,您必须采用像 Divi 这样的专有外部解决方案。

WordPress 很好地理解了这一点,这就是为什么他们在 2018 年 12 月发布了 Gutenberg,我当时没有关注它,因为我还有其他事情要做,但它值得一看。

古腾堡是什么?

古腾堡是一个块编辑器,这意味着您可以创建内容“块”并像在“幻灯片”中一样移动它们。

但特殊性在于,有“经典块”、文本、图像,但你可以走得更远……这就是我们感兴趣的地方。

任何扩展都可以添加块

您在基本块中找不到您想要的东西吗? 没问题,您可以找到满足您需求的现有扩展,也可以创建一个。

要创建带有扩展的块,请查看 Capitaine WP 的这篇文章: 创建古腾堡块

请注意,您需要一些 React 😛 知识才能开始创建自己的块。

古腾堡是什么样子的?

这里不是文本而是一些插图,要选择块的类型,只需在编辑器中使用 / ,这里我将选择一个“表单”块,它是由扩展提供的。

在古腾堡编辑器中添加表单块的插图

然后,该块的扩展询问我是否要创建“联系人”块、新闻通讯订阅或建议表:

在古腾堡编辑器中添加联系表单块的插图

最后,我的块位于页面上,我所要做的就是使用右侧菜单定义其样式:

在古腾堡编辑器中添加表单块的插图

这很简单,对吧? 由于它仍然是 WordPress,所以它是标准的,您可以将块从一个 WordPress 实例复制到另一个 WordPress 实例,但您当然必须安装在 WordPress 实例上管理此“块类型”的扩展。

我玩过古腾堡后的看法

这很简单,Wordpress 将适合我必须创建的“小型网站”的技术堆栈,我可以在很短的时间内做很酷的事情……例如非常适合餐厅网站。

我真的很喜欢这样一个事实,如果我真的找不到我想要的东西并且我需要快速进行,我可以在 HTML 中返回,将来,对于更具体的需求,我将编写自己的块,我已经有几个想法。

WordPress 的技术成本

在生活中,它永远不会是全白或全黑,WordPress 可以让你很快地创建一个漂亮的网站,但有一个成本,缓慢……

这里,我不是在谈论发送到浏览器的 CSS 或 JS,不,那是长期以来受质量主题规范的,我说的是页面生成时间。

确实,在 忠诚卡,默认情况下,页面之间的加载时间很慢,这是 WordPress 生成页面的时间(使用扩展程序提供的块……)。

就我个人而言,我用“Varnish”解决这个问题,它是一个“反向代理”,它允许你缓存页面……如果你本质上是一个 Linux 人,你就会知道 Varnish 😁。

关于JS和CSS,在网站上做一个PageSpeed测试,你会看到,成绩还不错…

供您参考,LaCarteFidélité,有一天下午我把它放在网上,当时我真的不知道该怎么做😛。
在如此短的时间内取得这样的成绩,着实令人钦佩。

结论

好了,我的古腾堡小介绍文章就完成了……
我们稍后会再讨论这个问题,因为我已经知道我将使用它 😁。
而且,一如既往,我会给你写一篇关于我发现的有趣事情的文章……

祝您度过愉快的一周,下次再见。

Leave a Reply

Your email address will not be published. Required fields are marked *

近期新闻​

编辑精选​