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

相关文章

Spring Boot整合Redis注解实现增删改查功能(Redis注解使用)

《SpringBoot整合Redis注解实现增删改查功能(Redis注解使用)》文章介绍了如何使用SpringBoot整合Redis注解实现增删改查功能,包括配置、实体类、Repository、Se... 目录配置Redis连接定义实体类创建Repository接口增删改查操作示例插入数据查询数据删除数据更

使用EasyPoi快速导出Word文档功能的实现步骤

《使用EasyPoi快速导出Word文档功能的实现步骤》EasyPoi是一个基于ApachePOI的开源Java工具库,旨在简化Excel和Word文档的操作,本文将详细介绍如何使用EasyPoi快速... 目录一、准备工作1、引入依赖二、准备好一个word模版文件三、编写导出方法的工具类四、在Export

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

C#实现高性能拍照与水印添加功能完整方案

《C#实现高性能拍照与水印添加功能完整方案》在工业检测、质量追溯等应用场景中,经常需要对产品进行拍照并添加相关信息水印,本文将详细介绍如何使用C#实现一个高性能的拍照和水印添加功能,包含完整的代码实现... 目录1. 概述2. 功能架构设计3. 核心代码实现python3.1 主拍照方法3.2 安全HBIT

录音功能在哪里? 电脑手机等设备打开录音功能的技巧

《录音功能在哪里?电脑手机等设备打开录音功能的技巧》很多时候我们需要使用录音功能,电脑和手机这些常用设备怎么使用录音功能呢?下面我们就来看看详细的教程... 我们在会议讨论、采访记录、课堂学习、灵感创作、法律取证、重要对话时,都可能有录音需求,便于留存关键信息。下面分享一下如何在电脑端和手机端上找到录音功能

Android实现图片浏览功能的示例详解(附带源码)

《Android实现图片浏览功能的示例详解(附带源码)》在许多应用中,都需要展示图片并支持用户进行浏览,本文主要为大家介绍了如何通过Android实现图片浏览功能,感兴趣的小伙伴可以跟随小编一起学习一... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码

Python使用FastAPI实现大文件分片上传与断点续传功能

《Python使用FastAPI实现大文件分片上传与断点续传功能》大文件直传常遇到超时、网络抖动失败、失败后只能重传的问题,分片上传+断点续传可以把大文件拆成若干小块逐个上传,并在中断后从已完成分片继... 目录一、接口设计二、服务端实现(FastAPI)2.1 运行环境2.2 目录结构建议2.3 serv

Debian 13升级后网络转发等功能异常怎么办? 并非错误而是管理机制变更

《Debian13升级后网络转发等功能异常怎么办?并非错误而是管理机制变更》很多朋友反馈,更新到Debian13后网络转发等功能异常,这并非BUG而是Debian13Trixie调整... 日前 Debian 13 Trixie 发布后已经有众多网友升级到新版本,只不过升级后发现某些功能存在异常,例如网络转

基于Java和FFmpeg实现视频压缩和剪辑功能

《基于Java和FFmpeg实现视频压缩和剪辑功能》在视频处理开发中,压缩和剪辑是常见的需求,本文将介绍如何使用Java结合FFmpeg实现视频压缩和剪辑功能,同时去除数据库操作,仅专注于视频处理,需... 目录引言1. 环境准备1.1 项目依赖1.2 安装 FFmpeg2. 视频压缩功能实现2.1 主要功

使用Python实现无损放大图片功能

《使用Python实现无损放大图片功能》本文介绍了如何使用Python的Pillow库进行无损图片放大,区分了JPEG和PNG格式在放大过程中的特点,并给出了示例代码,JPEG格式可能受压缩影响,需先... 目录一、什么是无损放大?二、实现方法步骤1:读取图片步骤2:无损放大图片步骤3:保存图片三、示php