WordPress块编辑器(Gutenberg古腾堡)中如何添加脚注?

2024-01-29 02:36

本文主要是介绍WordPress块编辑器(Gutenberg古腾堡)中如何添加脚注?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

WordPress默认自带的块编辑器​(Gutenberg古腾堡编辑器)本身就自带添加脚注功能,不过经典编辑器不行。如果想要在WordPress中添加更加专业的脚注,建议使用Modern Footnotes插件,具体介绍及使用请参考『WordPress站点如何添加专业的脚注?推荐使用Modern Footnotes插件<』文章:

今天boke112百科就跟大家介绍一下WordPress块编辑器(Gutenberg古腾堡)中如何添加脚注,具体操作步骤如下:

1、进入WordPress后台,在文章编辑页面,将光标定位在需要插入脚注的地方,然后点击下拉箭头并点击“脚注”。

WordPress块编辑器(Gutenberg古腾堡)中如何添加脚注?-第2张-boke112百科(boke112.com)

2、此时,文章底部已自动添加了一个脚注块,并自动定位到该位置,接着我们只需要输入脚注的内容即可。

WordPress块编辑器(Gutenberg古腾堡)中如何添加脚注?-第3张-boke112百科(boke112.com)

比如我们输入脚注的说明,具体如下图红线所示:

WordPress块编辑器(Gutenberg古腾堡)中如何添加脚注?-第4张-boke112百科(boke112.com)

3、完成文章的编辑和该文章的脚注添加后,点击右上角的【发布】或【更新】按钮。

此时,我们访问该篇文章就可以看到在我们插入脚注的地方多了一个上标数字1,表示该文第一个脚注,点击该数字1就会自动跳转到文末对应的脚注内容。

WordPress块编辑器(Gutenberg古腾堡)中如何添加脚注?-第5张-boke112百科(boke112.com)

在文末的脚注内容最后可以看到有一个返回箭头,点击该箭头就会自动跳转到对应脚注序号的地方,非常方便。

一般的WordPress站点很少用到脚注,不过如果你的站点发布的都是专业的内容,那么对于一些名词,或缩写,或内容来源等,那么通过添加相应的脚注来进一步说明,会为你的文章加分不少哦!

来源:https://boke112.com/post/11826.html 

这篇关于WordPress块编辑器(Gutenberg古腾堡)中如何添加脚注?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

WordPress开发中常用的工具或api文档

http://php.net/ http://httpd.apache.org/ https://wordpress.org/ https://cn.wordpress.org/ https://core.svn.wordpress.org/ zh-cn:开发者文档: https://codex.wordpress.org/zh-cn:%E5%BC%80%E5%8F%91%E8%80%

Linux下vi编辑器命令

UNIX下的编辑器有ex,sed和vi等,其中,使用最为广泛的是vi。vi是一个创建、修改文本和数据对象的程序。他和字处理程序和桌面出版程序的区别是他只处理 plain ASCII 文本,没有格式信息。 vi 编辑器有三种处理文本的基本模式: ●一般模式:以vi处理文件时,一进入该文件就是一般模式了。在这个模式中,您可以使用上下左右按键来移动光标,可以使用“删除字符”或“删除整行”来处理文

pdf文件编辑器有哪些?分享适合新手用的5个PDF编辑器(解锁教程)

pdf是一种通用文件格式,也是一种夸操作系统平台的文件格式。 好用的PDF文件编辑器可以让您更改和添加文本、编辑图像、添加图形、签署签名、填写表单数据等。下面整理了关于pdf文件编辑方法介绍,以及一些好用的pdf编辑器,有需要的可以了解下。 一、pdf编辑软件 pdf编辑器1:金舟PDF编辑器——专业的pdf编辑 专业的pdf文件编辑工具,适用于Windows7以上的操作系统。能够完成

好用的 Markdown 编辑器组件

ByteMD bytedance/bytemd: ByteMD v1 repository (github.com) 这里由于我的项目是 Next,所以安装 @bytemd/react, 阅读官方文档,执行命令来安装编辑器主体、以及 gfm(表格支持)插件、highlight 代码高亮插件: npm i @bytemd/reactnpm i @bytemd/plugin-highlight

2-1 opencv实战进阶系列 阈值编辑器

目录 一、不说废话,先上现象  二、前言 三、方法详解 四、贴出完整代码 一、不说废话,先上现象  二、前言 对图像的处理中,设置合适的掩膜、寻找多边形、颜色追踪等方法都需要预先设置好颜色的上阈值和下阈值,来从原图中分割出我们需要的部分。 然而,opencv并没有像openmv那样方便的阈值编辑器对原图进行处理,所以本文提供一个方便的方法,可以同时处

vue2+ueditor集成秀米编辑器

一、百度富文本编辑器 1.首先下载 百度富文本编辑器    下载地址:GitHub - fex-team/ueditor: rich text 富文本编辑器 2.把下载好的文件整理好  放在图片目录下 3. 安装插件vue-ueditor-wrap npm install vue-ueditor-wrap 4.在你所需要展示的页面 引入vue-ueditor-wrap 此时

windows下php+nginx的wordpress配置教程和问题解决

介绍: 我在windows下安装wordrpress 环境:windows10php8mysql8nginx1.26 受启发于,在此基础上修改整理:https://www.cnblogs.com/hanzohuang/p/18067525 教程: 1、安装对应的win平台的环境安装包(免安装版) php-8.3.11-Win32-vs16-x64 mysql8 nginx1

DevExpress WinForms v24.1新版亮点:功能区、数据编辑器全新升级

DevExpress WinForms拥有180+组件和UI库,能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序,无论是Office风格的界面,还是分析处理大批量的业务数据,它都能轻松胜任! DevExpress WinForms控件2024年第一个重大版本——v24.1全新发布,此版本对功能区、状态栏

金山在线文档编辑器

官方文档地址:快速开始-WebOffice 知识库 首先按照文档写的方式将包引入项目了 util.js import WebOfficeSDK from "../../public/JSEditor/open-jssdk-v0.0.13.umd"export function WordSDK(url, isEdit, mountDom, isShowTopArea, isShowHeade

CSDN的Markdown编辑器语法

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入