10个你可能不知道的有趣的Gutenberg功能(二)

2023-10-17 06:50

本文主要是介绍10个你可能不知道的有趣的Gutenberg功能(二),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  功能 #5:HTML锚点创建锚点链接

  你在内容中使用目录或跳转链接吗?经典编辑器不允许你添加跳转链接或目录,所以你将不得不依靠插件来实现这一目标。

  但有了Gutenberg,情况就完全不同了。

  你可以在Gutenberg中添加一个HTML锚点,以创建锚点链接。换句话说,你可以直接添加跳转链接。

  以下是你如何做到这一点:

 

  第一步是为你的内容添加一个锚点。如果你要创建一个目录,你可以在你的标题上添加锚。

  要添加一个锚,点击一个标题,在其块设置中,你会发现高级设置。在高级设置中,添加你的锚文本。

  下一步是添加一个将跳转到锚文本的链接。要做到这一点,添加一个与你的HTML锚文本名称相同的链接。

  下面是方法:

  而且,就是这样。

  这个功能将对你有很大的帮助,让你在你的文章和页面中添加跳转链接,甚至创建一个目录。

  功能#6:顶部工具栏、聚光灯模式和全屏模式

  WordPress还确保了你在使用Gutenberg时有最好的体验。这一点从顶部工具栏、聚光灯模式和全屏模式的加入就可以看出。

  让我来解释一下每一项:

  顶部工具条

  每当你将鼠标悬停在一个区块或章节上时,Gutenberg编辑器就会突出显示或显示一个格式化的工具栏。

  这可能很烦人,你可能只是想要一个统一的工具条,而不是为每个区块显示一个格式化工具条。

  那么,你可以在Gutenberg中这样做。启用顶部工具栏后,在悬停在任何区块上时将不再显示工具栏。

  相反,要访问工具栏,你必须点击一个区块,工具栏就会在顶部显示出来。

  聚光灯模式

  想心无旁骛地写作吗?

  你可以通过启用聚光灯模式,让你的创造力达到顶峰。启用该模式后,编辑器中的所有块都会变灰,只有你正在编辑的块才会正常可见。

  如果你想集中精力,心无旁骛地写作,这很有帮助。如果你不想再使用聚光灯模式,可以将其关闭。

  全屏模式

  经典编辑器也有一个全屏模式。所以,你可以想象,Gutenberg编辑器也有这个功能。

  你可以启用全屏模式,它将删除管理菜单。

  全屏模式也有助于你专注于内容,避免分心。

  功能 #7:使编辑器全宽

 

  这个功能在经典编辑器中是缺失的,这使得许多WordPress用户安装了页面构建器插件。

  但有了Gutenberg,你可以让编辑器变成全宽。

  一些WordPress主题允许你将一些块拉伸到全宽。

  这个功能有助于你使用Gutenberg创建有吸引力的页面。

  功能#8:文档大纲

  我真的很喜欢这个功能,因为它可以帮助你获得你的内容大纲的概况。

  除了大纲之外,它还显示了内容的字数、标题、段落和块的数量。

  这实在是太棒了,对创建具有适当标题的文章真的很有帮助。

  功能 #9:可重复使用的块

 

  如果你喜欢Gutenberg到目前为止的这些很棒的功能,那么你也会非常喜欢这个功能。

  Gutenberg编辑器允许你创建可重复使用的块。因此,如果你已经创建了一个很棒的块,并希望以后在某个地方使用它,你可以保存它。

  一旦你给你的区块命名并保存,你就可以在你未来的文章和页面中使用它。你也可以将你的可重复使用的块转换成普通的块。

  当你想添加CTA、表格或其他类似的块时,这个功能可以派上用场。

  功能#10:通过使用Gutenberg插件来扩展功能

  最后,随着Gutenberg的引入,它有助于开发人员建立新的插件,以扩展Gutenberg编辑器的功能。

  在WordPress资源库中已经有了为数不多的Gutenberg插件。这些插件有一些非常棒的、独特的块,还不是Gutenberg的一部分。

  例如,Ultimate Blocks(我帮助开发的一个插件)带来了一些非常独特和新的块,你可以用它来创建更好的帖子和页面。

  最重要的是,它可以单独执行多个插件的任务。而且你可以摆脱一些插件的功能,如目录、点击推特、内容切换、标签式内容、通知框、证词、星级评价、倒计时等。

  总结

  所以,这就是一些非常酷的Gutenberg功能列表,这些功能会让你想抛弃旧的经典编辑器,与使用Gutenberg的酷儿们一起玩耍。

  它与经典编辑器有很大的不同,需要一些时间来适应,但Gutenberg代表了WordPress的未来方向。

  它使很多以前没有的东西成为可能。如果你还没有开始使用Gutenberg,很值得一试。

  如果你还没有,一定要看看我们的Gutenberg块插件综述,看看你还能用新的可视化编辑器做什么。

  来自:https://cn.bluehost.com/blog/wordpress/19003.html
 

这篇关于10个你可能不知道的有趣的Gutenberg功能(二)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/223683

相关文章

Java使用Thumbnailator库实现图片处理与压缩功能

《Java使用Thumbnailator库实现图片处理与压缩功能》Thumbnailator是高性能Java图像处理库,支持缩放、旋转、水印添加、裁剪及格式转换,提供易用API和性能优化,适合Web应... 目录1. 图片处理库Thumbnailator介绍2. 基本和指定大小图片缩放功能2.1 图片缩放的

深度解析Spring Security 中的 SecurityFilterChain核心功能

《深度解析SpringSecurity中的SecurityFilterChain核心功能》SecurityFilterChain通过组件化配置、类型安全路径匹配、多链协同三大特性,重构了Spri... 目录Spring Security 中的SecurityFilterChain深度解析一、Security

Java实现预览与打印功能详解

《Java实现预览与打印功能详解》在Java中,打印功能主要依赖java.awt.print包,该包提供了与打印相关的一些关键类,比如PrinterJob和PageFormat,它们构成... 目录Java 打印系统概述打印预览与设置使用 PageFormat 和 PrinterJob 类设置页面格式与纸张

MySQL 8 中的一个强大功能 JSON_TABLE示例详解

《MySQL8中的一个强大功能JSON_TABLE示例详解》JSON_TABLE是MySQL8中引入的一个强大功能,它允许用户将JSON数据转换为关系表格式,从而可以更方便地在SQL查询中处理J... 目录基本语法示例示例查询解释应用场景不适用场景1. ‌jsON 数据结构过于复杂或动态变化‌2. ‌性能要

Qt使用QSqlDatabase连接MySQL实现增删改查功能

《Qt使用QSqlDatabase连接MySQL实现增删改查功能》这篇文章主要为大家详细介绍了Qt如何使用QSqlDatabase连接MySQL实现增删改查功能,文中的示例代码讲解详细,感兴趣的小伙伴... 目录一、创建数据表二、连接mysql数据库三、封装成一个完整的轻量级 ORM 风格类3.1 表结构

Python中你不知道的gzip高级用法分享

《Python中你不知道的gzip高级用法分享》在当今大数据时代,数据存储和传输成本已成为每个开发者必须考虑的问题,Python内置的gzip模块提供了一种简单高效的解决方案,下面小编就来和大家详细讲... 目录前言:为什么数据压缩如此重要1. gzip 模块基础介绍2. 基本压缩与解压缩操作2.1 压缩文

mysql表操作与查询功能详解

《mysql表操作与查询功能详解》本文系统讲解MySQL表操作与查询,涵盖创建、修改、复制表语法,基本查询结构及WHERE、GROUPBY等子句,本文结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随... 目录01.表的操作1.1表操作概览1.2创建表1.3修改表1.4复制表02.基本查询操作2.1 SE

Golang如何用gorm实现分页的功能

《Golang如何用gorm实现分页的功能》:本文主要介绍Golang如何用gorm实现分页的功能方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录背景go库下载初始化数据【1】建表【2】插入数据【3】查看数据4、代码示例【1】gorm结构体定义【2】分页结构体

Java Web实现类似Excel表格锁定功能实战教程

《JavaWeb实现类似Excel表格锁定功能实战教程》本文将详细介绍通过创建特定div元素并利用CSS布局和JavaScript事件监听来实现类似Excel的锁定行和列效果的方法,感兴趣的朋友跟随... 目录1. 模拟Excel表格锁定功能2. 创建3个div元素实现表格锁定2.1 div元素布局设计2.

HTML5实现的移动端购物车自动结算功能示例代码

《HTML5实现的移动端购物车自动结算功能示例代码》本文介绍HTML5实现移动端购物车自动结算,通过WebStorage、事件监听、DOM操作等技术,确保实时更新与数据同步,优化性能及无障碍性,提升用... 目录1. 移动端购物车自动结算概述2. 数据存储与状态保存机制2.1 浏览器端的数据存储方式2.1.