接下来是一系列问题,这些问题是古腾堡发展的最后几年。如果您有任何问题要回答并在此处包括 只需打开一个github问题 与您的问题。我们希望有机会回答并为我们可能没有想到的问题提供明确的问题。有关历史的回顾,请参阅Matt的2018年11月帖子 WordPress 5.0:Gutenberg常见问题解答

古腾堡项目

什么是古腾堡?

“ Gutenberg”是该项目的名称,旨在为WordPress创建新的编辑体验 – 自2017年1月以来,贡献者一直在努力,这是多年来WordPress的最重要变化之一。它建立在使用“块”编写和设计帖子和页面的想法上。这将是对WordPress的未来改进的基础,包括块,不仅是设计帖子和页面,而且是整个站点。总体目标是简化WordPress的首次用户体验 – 对于那些正在写作,编辑,发布和设计网页的人。编辑体验旨在使用户更好地表现出其帖子或页面的出现时的外观。最初,这是开球目标:

编辑将努力创建一个新的页面和发布后的建筑体验,使编写丰富的帖子毫不费力,并具有“障碍”,以使其变得容易今天可能需要快捷代码,自定义的HTML或“神秘肉”嵌入式发现。

关键要点包括以下几点:

  • 创作丰富的帖子是WordPress的关键优势。
  • 通过将块作为一个交互范式,我们可以将多个不同的接口统一为一个。与其学习如何编写短代码和自定义HTML或将URL粘贴到嵌入媒体上,不如说是插入任何类型的内容的常见,可靠的流程。
  • “神秘肉”是指软件中的隐藏功能,即您必须发现的功能。WordPress已经支持大量块和30多个嵌入,因此让我们浮出水面。

古腾堡是开发的 github 在WordPress组织下。自5.0以来,该块编辑器已在核心WordPress中可用。如果您想测试Gutenberg Project的即将到来的功能,那是 在插件存储库中可用

长期路线图上有什么?

Gutenberg有四个阶段,您可以在 官方WordPress路线图。撰写本文时,我们目前处于第2阶段:

  1. 更容易的编辑 – 自5.0以来已经在WordPress中使用,并进行了持续的改进。
  2. 自定义 – 完整的站点编辑,块模式,块目录,基于块的主题。
  3. 协作 – 一种更直观的合作者内容的方式
  4. 多语言 – 多语言站点的核心实施

古腾堡什么时候开始?

编辑的重点始于2017年初,最初三个月用于设计,计划,原型制作和测试原型,以帮助我们告知如何处理该项目。第一个插件于2017年6月在WordCamp欧洲推出。

Gutenberg什么时候合并到WordPress中?

古腾堡首次合并 WordPress 5.0 2018年12月。请参阅 WordPress页面中的版本 有关Gutenberg插件版本的完整列表,已合并到WordPress Core版本中。

WordPress已经是世界上最受欢迎的出版平台。为什么要更改编辑器?

编辑器是大多数动作在WordPress的日常使用中发生的地方,在这里我们可以在包含环境中进行块体验并完善块体验。此外,作为一个开源项目,我们认为WordPress继续创新并继续努力使所有用户的核心体验直观且令人愉悦至关重要。作为一个社区项目,古腾堡有潜力做到这一点,我们很高兴共实现这一目标。如果您想测试,贡献或提供反馈,我们欢迎您 分享您在Github上找到的东西

编辑体验

什么是“块”,为什么要使用它们?

经典的WordPress编辑器是一个开放的文本窗口 – 它一直是写作的绝妙空白画布,但是在构建图像,多媒体,来自社交媒体,民意调查和其他元素的帖子和页面时,它需要一个混音并非总是直观的不同方法:

  • 媒体库/HTML用于图像,多媒体和批准的文件。
  • 粘贴嵌入的链接。
  • 用于插件的专用资产的短代码。
  • 在帖子或页面顶部的图像的特征图像。
  • 款项的摘录。
  • 页面侧面内容的小部件。

当我们对这些用途以及如何使它们变得明显和一致的方式时,我们开始接受“块”的概念。以上所有项目都可以是块:易于搜索和理解,并且易于在页面周围动态移动。块概念非常强大,经过深思熟虑,可以提供出色的编辑和出版体验。最终,使用块的想法是在WordPress上创建一种新的通用语言,这是将用户连接到插件的新方法,并替换了许多较旧的内容类型(例如快捷代码和小部件之类的东西),通常必须在WordPress的特质要理解。

写作经历如何?

我们在古腾堡(Gutenberg)实现的目标不仅是创造无缝的后和页面构建体验。我们还希望确保它提供无缝的写作经验。自己测试,前往这个演示,然后尝试一下

Gutenberg是否建在Tinymce顶部?

不。 Tinymce 仅用于“经典”块。

是否有Gutenberg的键盘快捷键?

是的。有很多!有帮助模式显示所有可用的键盘快捷键。

您可以看到整个列表进入新编辑器的右上角菜单,然后单击“键盘快捷键”(或使用键盘快捷键转移+alt+H在Linux/Windows上H在macos上)。

这是键盘快捷键的规范列表:

编辑快捷方式

快捷方式描述Linux/Windows快捷方式MacOS快捷方式
显示键盘快捷键。转移+alt+HH
保存您的更改。Ctrl+ss
撤消您的最后更改。Ctrl+zz
重做您的最后一个撤消。Ctrl+转移+zz
显示或隐藏设置侧边栏。Ctrl+转移+
打开列表视图菜单。转移+alt+oo
导航到编辑的下一部分。Ctrl+``
导航到编辑器的前部分。Ctrl+转移+``
导航到编辑器的下一部分(替代)。Ctrl+alt+nn
导航到编辑器的前部分(替代方案)。Ctrl+alt+pp
导航到最近的工具栏。alt+F10F10
在视觉编辑器和代码编辑器之间切换。Ctrl+转移+alt+mm
切换全屏模式。Ctrl+alt+转移+FF

选择快捷方式

快捷方式描述Linux/Windows快捷方式MacOS快捷方式
输入时选择所有文本。再次按选择所有块。Ctrl+AA
清空选项。Esc键Esc键
在多个块上选择文本。转移+箭头(⇦,⇧,⇨,⇩)转移+箭头(⇦,⇧,⇨,⇩)

阻止快捷方式

快捷方式描述Linux/Windows快捷方式MacOS快捷方式
重复选定的块。Ctrl+转移+dd
卸下选定的块。转移+alt+zz
在选定的块之前插入一个新块。Ctrl+alt+tt
在选定的块之后插入一个新块。Ctrl+alt+yy
向上移动选定的块。Ctrl+alt+转移+tt
向下移动选定的块。Ctrl+alt+转移+yy
添加新段落后更改块类型。//
删除多个选定的块。delBackpacedelBackpace

文本格式

快捷方式描述Linux/Windows快捷方式MacOS快捷方式
使选定的文本粗体。Ctrl+bb
制作选定的文本斜体。Ctrl+
强调选定的文本。Ctrl+
将选定的文本转换为链接。Ctrl+kk
删除链接。Ctrl+转移+kk
在选定的文本中添加罢工。转移+alt+dd
将选定的文本显示在单层字体中。转移+alt+XX

这是一个简短的动画,说明了如何查找和使用键盘快捷键:

GIF showing how to access keyboard shortcuts

Gutenberg是否支持列?

是的,Gutenberg有一个柱子块。

Gutenberg是否支持嵌套块?

是的,它得到了支持。您可以具有多个层次的嵌套 – 块内块内的块。看到 嵌套块教程 了解更多信息。

拖放工作是否用于重新安排块?

是的,您可以拖放块以重新安排其订单。

发展经验

如何制作自己的障碍?

最好的起点是 创建一个块教程

Gutenberg是否涉及前端的编辑帖子/页面?

不,我们正在设计Gutenberg,主要是替代帖子和页面编辑屏幕。就是说,前端编辑通常与看起来完全像前端的编辑器相混淆。这就是古腾堡(Gutenberg)将允许主题自定义各个块并将这些样式提供给编辑器的东西。由于内容旨在在许多不同的体验中分发(从桌面和移动设备到全文feed和联合文章平台),因此我们认为,仅从一个前端体验中创建或设计帖子并不理想。

鉴于Gutenberg是在JavaScript中内置的,旧的元盒(PHP)如何工作?

看到 元盒教程 有关使用新块编辑器使用元框的更多信息。

插件如何扩展Gutenberg UI?

我们要强调的主要扩展点是创建新块。使用插件将块添加到块编辑器中,请参阅 创建一个块教程 开始。

自定义帖子类型仍然支持吗?

的确。自定义帖子类型可以利用多顿堡的方式有多种方式。该计划是允许他们指定所支持的块,并为邮政类型定义默认块。目前不是这种情况,但是如果帖子类型禁用了内容字段,则底部的“高级”部分将填充页面。

样式

主题可以样式块吗?

是的。块可以提供自己的样式,主题可以添加或覆盖,或者他们根本无法提供样式并完全依靠主题提供的内容。

块样式如何在前端和后端工作?

块能够提供基础结构CSS样式,主题可以在此基础上添加样式。一些块,例如一个分离器(<hr/>),可能不需要任何前端样式,而其他人(例如画廊)需要一些样式。

其他功能,例如新功能宽的全范围对齐选项,仅仅是适用于提供此对齐的块的CSS类。我们正在研究主题如何选择此功能,例如使用add_theme_support

这是目前正在进行的工作,我们建议您查看 基于块的主题文档 了解更多。

什么是块变体?它们与块样式一样吗?

不,块变化 是单个基本块的不同版本,共享类似的功能,但在其实现或设置(属性,内置框架等)上有略有差异。块变化对于用户是透明的,一旦有注册的块变化,它将显示为新块。例如,embed块寄存器不同的块变化以嵌入特定提供商的内容。

同时,块样式 允许您为现有块提供替代样式,它们通过添加一个className到街区的包装纸。一旦块具有注册的块样式,将会在其侧边栏中出现块样式选择器,以便用户可以在不同的注册样式中进行选择。

编辑样式如何工作?

常规编辑样式是选择加入的,并且在大多数情况下都可以使用。主题还可以使用以下钩子加载额外的样式表:

function gutenbergtheme_editor_styles() {
    wp_enqueue_style( 'gutenbergtheme-blocks-style', get_template_directory_uri() . '/blocks.css');
}
add_action( 'enqueue_block_editor_assets', 'gutenbergtheme_editor_styles' );

看:编辑样式

兼容性

Gutenberg支持哪些浏览器?

Gutenberg从事现代浏览器。

可以在Make WordPress手册中找到受支持的浏览器列表。“现代浏览器”一词通常是指当前和前两个版本每个主要浏览器。

由于WordPress 5.8,Gutenberg不再支持任何版本的Internet Explorer。

我是否应该担心Gutenberg会使我的插件过时?

古腾堡的目标不是让任何人倒闭。这是要进化的WordPress,以便将来有更多的业务。

除了实现丰富的帖子和页面建设体验外,元目标是向前移动WordPress作为平台。不仅通过现代化UI,而且通过现代化基础。

我们意识到这是一个很大的变化。我们还认为插件将有许多新的机会。WordPress可能会运送一系列基本块,但是有足够的量身定制的高级插件可以增加现有块或在混音中添加新块。

是否可以选择我网站的Gutenberg退出?

有一个“经典”块,该块几乎与当前编辑器相同,但块形式除外。

还有 经典编辑插件 恢复以前的编辑器,请参见插件以获取更多信息。WordPress Core团队已致力于支持经典编辑器插件 直到2021年12月

定制的Tinymce按钮如何在Gutenberg工作?

自定义Tinymce按钮仍然可以在“经典”块中工作,这是您今天认识的经典编辑器的块版。

Gutenberg配备了一种新的通用插入器工具,该工具可让您访问每个可用的块,可搜索,通过固定和类别排序。此插入器工具将每个插件添加到编辑器的插件的竞争环境都将其关注,并提供了一个学习如何使用的接口。

短代码如何在古腾堡工作?

快速代码继续像现在一样工作。

但是,我们认为该块是[shortcode]。您无需输入代码,而是可以使用Universal Inserter Tray选择一个块,并获得更丰富的接口,以配置块和预览。我们建议人们最终将其短码升级为块。

我应该将短号移至内容块吗?

我们认为是出于多种原因,包括但不限于:

  • Blocks具有内置的视觉编辑,可为建立您的网站创造更丰富,动态的体验。
  • 块只是HTML,并且不要坚持浏览器在前端不了解的事情。相比之下,如果您禁用了为快捷代码提供动力的插件,则最终会在前端上得到奇怪的视觉效果(通常只是在纯文本中显示短代码)。
  • 随着块目录的启动,将更容易发现块,而短码永远无法允许更多人获得更多的功能。

最终,块被设计为在视觉上代表最终外观,并且随着5.5块目录的启动,它们将成为用户在WordPress中发现和插入内容的预期方式。

各种各样的

古腾堡是否可以正确访问?

可访问性不是事后的想法。目前,并不是可以访问Gutenberg的各个方面。您可以检查已记录的问题 这里。我们了解WordPress适合每个人,并且可访问性与包容性有关。这对我们来说是一个关键价值。

如果您想为Gutenberg的可及性做出贡献,我们总是可以使用更多的人进行测试和贡献。

数据如何存储?我看过HTML评论。他们的目的是什么?

我们的方法 – 概述 技术概述简介 – 是以一种不会打破wordpress提供的十年半的模式的方式来增强现有数据格式。换句话说,这是针对优先级的人类可读性(Web的HTML文档)和易于渲染的任何位置优化的格式,而在机器方便的文件(后META中的JSON)中,该格式主要受益于编辑上下文。

这也是 给我们灵活性 将与内容流固有分离的块存储在其他地方(可重复使用的小部件或小帖子类型元素),并在其位置上保留令牌引用。

我们建议您看看 古腾堡的关键概念 要了解有关项目的这一方面的更多工作。

如何将帖子内容解析为PHP或JS中的块?

在JS中:

var blocks = wp.blocks.parse( postContent );

在PHP中:

$blocks = parse_blocks( $post_content );

By zhuon

发表回复

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