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

相关文章

SpringBoot集成Milvus实现数据增删改查功能

《SpringBoot集成Milvus实现数据增删改查功能》milvus支持的语言比较多,支持python,Java,Go,node等开发语言,本文主要介绍如何使用Java语言,采用springboo... 目录1、Milvus基本概念2、添加maven依赖3、配置yml文件4、创建MilvusClient

使用Python开发一个带EPUB转换功能的Markdown编辑器

《使用Python开发一个带EPUB转换功能的Markdown编辑器》Markdown因其简单易用和强大的格式支持,成为了写作者、开发者及内容创作者的首选格式,本文将通过Python开发一个Markd... 目录应用概览代码结构与核心组件1. 初始化与布局 (__init__)2. 工具栏 (setup_t

SpringBoot实现微信小程序支付功能

《SpringBoot实现微信小程序支付功能》小程序支付功能已成为众多应用的核心需求之一,本文主要介绍了SpringBoot实现微信小程序支付功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作... 目录一、引言二、准备工作(一)微信支付商户平台配置(二)Spring Boot项目搭建(三)配置文件

在Android平台上实现消息推送功能

《在Android平台上实现消息推送功能》随着移动互联网应用的飞速发展,消息推送已成为移动应用中不可或缺的功能,在Android平台上,实现消息推送涉及到服务端的消息发送、客户端的消息接收、通知渠道(... 目录一、项目概述二、相关知识介绍2.1 消息推送的基本原理2.2 Firebase Cloud Me

Spring Boot项目中结合MyBatis实现MySQL的自动主从切换功能

《SpringBoot项目中结合MyBatis实现MySQL的自动主从切换功能》:本文主要介绍SpringBoot项目中结合MyBatis实现MySQL的自动主从切换功能,本文分步骤给大家介绍的... 目录原理解析1. mysql主从复制(Master-Slave Replication)2. 读写分离3.

Mybatis 传参与排序模糊查询功能实现

《Mybatis传参与排序模糊查询功能实现》:本文主要介绍Mybatis传参与排序模糊查询功能实现,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、#{ }和${ }传参的区别二、排序三、like查询四、数据库连接池五、mysql 开发企业规范一、#{ }和${ }传参的

Java实现文件图片的预览和下载功能

《Java实现文件图片的预览和下载功能》这篇文章主要为大家详细介绍了如何使用Java实现文件图片的预览和下载功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... Java实现文件(图片)的预览和下载 @ApiOperation("访问文件") @GetMapping("

SpringKafka消息发布之KafkaTemplate与事务支持功能

《SpringKafka消息发布之KafkaTemplate与事务支持功能》通过本文介绍的基本用法、序列化选项、事务支持、错误处理和性能优化技术,开发者可以构建高效可靠的Kafka消息发布系统,事务支... 目录引言一、KafkaTemplate基础二、消息序列化三、事务支持机制四、错误处理与重试五、性能优

SpringIntegration消息路由之Router的条件路由与过滤功能

《SpringIntegration消息路由之Router的条件路由与过滤功能》本文详细介绍了Router的基础概念、条件路由实现、基于消息头的路由、动态路由与路由表、消息过滤与选择性路由以及错误处理... 目录引言一、Router基础概念二、条件路由实现三、基于消息头的路由四、动态路由与路由表五、消息过滤

Spring Boot 3.4.3 基于 Spring WebFlux 实现 SSE 功能(代码示例)

《SpringBoot3.4.3基于SpringWebFlux实现SSE功能(代码示例)》SpringBoot3.4.3结合SpringWebFlux实现SSE功能,为实时数据推送提供... 目录1. SSE 简介1.1 什么是 SSE?1.2 SSE 的优点1.3 适用场景2. Spring WebFlu