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

相关文章

苹果macOS 26 Tahoe主题功能大升级:可定制图标/高亮文本/文件夹颜色

《苹果macOS26Tahoe主题功能大升级:可定制图标/高亮文本/文件夹颜色》在整体系统设计方面,macOS26采用了全新的玻璃质感视觉风格,应用于Dock栏、应用图标以及桌面小部件等多个界面... 科技媒体 MACRumors 昨日(6 月 13 日)发布博文,报道称在 macOS 26 Tahoe 中

Java使用HttpClient实现图片下载与本地保存功能

《Java使用HttpClient实现图片下载与本地保存功能》在当今数字化时代,网络资源的获取与处理已成为软件开发中的常见需求,其中,图片作为网络上最常见的资源之一,其下载与保存功能在许多应用场景中都... 目录引言一、Apache HttpClient简介二、技术栈与环境准备三、实现图片下载与保存功能1.

MybatisPlus service接口功能介绍

《MybatisPlusservice接口功能介绍》:本文主要介绍MybatisPlusservice接口功能介绍,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友... 目录Service接口基本用法进阶用法总结:Lambda方法Service接口基本用法MyBATisP

Java反射实现多属性去重与分组功能

《Java反射实现多属性去重与分组功能》在Java开发中,​​List是一种非常常用的数据结构,通常我们会遇到这样的问题:如何处理​​List​​​中的相同字段?无论是去重还是分组,合理的操作可以提高... 目录一、开发环境与基础组件准备1.环境配置:2. 代码结构说明:二、基础反射工具:BeanUtils

基于Python开发一个有趣的工作时长计算器

《基于Python开发一个有趣的工作时长计算器》随着远程办公和弹性工作制的兴起,个人及团队对于工作时长的准确统计需求日益增长,本文将使用Python和PyQt5打造一个工作时长计算器,感兴趣的小伙伴可... 目录概述功能介绍界面展示php软件使用步骤说明代码详解1.窗口初始化与布局2.工作时长计算核心逻辑3

Druid连接池实现自定义数据库密码加解密功能

《Druid连接池实现自定义数据库密码加解密功能》在现代应用开发中,数据安全是至关重要的,本文将介绍如何在​​Druid​​连接池中实现自定义的数据库密码加解密功能,有需要的小伙伴可以参考一下... 目录1. 环境准备2. 密码加密算法的选择3. 自定义 ​​DruidDataSource​​ 的密码解密3

SpringCloud使用Nacos 配置中心实现配置自动刷新功能使用

《SpringCloud使用Nacos配置中心实现配置自动刷新功能使用》SpringCloud项目中使用Nacos作为配置中心可以方便开发及运维人员随时查看配置信息,及配置共享,并且Nacos支持配... 目录前言一、Nacos中集中配置方式?二、使用步骤1.使用$Value 注解2.使用@Configur

IDEA下"File is read-only"可能原因分析及"找不到或无法加载主类"的问题

《IDEA下Fileisread-only可能原因分析及找不到或无法加载主类的问题》:本文主要介绍IDEA下Fileisread-only可能原因分析及找不到或无法加载主类的问题,具有很好的参... 目录1.File is read-only”可能原因2.“找不到或无法加载主类”问题的解决总结1.File

SpringBoot后端实现小程序微信登录功能实现

《SpringBoot后端实现小程序微信登录功能实现》微信小程序登录是开发者通过微信提供的身份验证机制,获取用户唯一标识(openid)和会话密钥(session_key)的过程,这篇文章给大家介绍S... 目录SpringBoot实现微信小程序登录简介SpringBoot后端实现微信登录SpringBoo

使用Vue-ECharts实现数据可视化图表功能

《使用Vue-ECharts实现数据可视化图表功能》在前端开发中,经常会遇到需要展示数据可视化的需求,比如柱状图、折线图、饼图等,这类需求不仅要求我们准确地将数据呈现出来,还需要兼顾美观与交互体验,所... 目录前言为什么选择 vue-ECharts?1. 基于 ECharts,功能强大2. 更符合 Vue