WordPress中借助Table of Contents Plus+Widget Options插件,实现仅在文章侧边栏显示文章目录的功能

本文转自博主的个人博客:https://blog.zhumengmeng.work,欢迎大家前往查看。
原文链接:点我访问

在这里插入图片描述

序言:今天心血来潮,写了一篇文章,忽然发现自己的文章极少有目录,这对于长文章的阅读来说是十分不利的,故出此下策。

一、介绍

Table of Contents Plus:

一个功能强大且用户友好的插件,可以自动为长页面(和自定义帖子类型)创建上下文特定的索引或目录(TOC)。 该插件不仅仅是一个目录插件,还可以输出一个站点地图,列出整个站点的页面和/或类别。

Widget Options:

小部件选项为您提供超级权力来控制网站的侧边栏小部件以及页面和帖子上的所有古腾堡块。

👉 超过 2,700,000 次以上下载
👉 平均评级为 ⭐⭐⭐⭐⭐ 4.9 颗星
👉 现在古腾堡块已启用

小部件选项通过功能丰富的选项扩展了小部件和古腾堡块设置,以便您可以完全管理和控制它们的可见性、外观和行为。根据用户角色、设备、日期、URL 等显示或隐藏内容!

二、安装

在线安装:可前往WordPress后台点击插件-安装新插件-在搜索栏输入对应的插件名称进行安装并启用。

离线安装:可前往WordPress后台点击插件-安装新插件-点击上方的上传插件,将插件本体(.zip)进行上传安装并启用。

三、如何设置?

3.1 Table of Contents Plus的设置

安装完毕后在后台的设置中会出现新的选项-【目录】,如下图所示。

在这里插入图片描述

点进来以后是Table of Contents Plus插件的相关设置,其实保持默认设置足以,将设置拉到最下边我们会发现这个插件可以通过简码进行使用,如下图所示我们使用简码[ez-toc],虽然下边的[ez-toc-widger-sticky]一样是简码,但效果不如人意。

在这里插入图片描述

3.2 在侧边栏中添加相应简码

这里以我的博客为例,我选择将简码添加在我的侧边栏中,对目录进行利用,添加完页面效果如下。

在这里插入图片描述

3.3 Widget Options的设置

侧边栏添加完目录简码后我们发现一个问题,既主页仍会显示错误的目录内容,如下图所示为我主页的效果。

在这里插入图片描述

接下来我们就要借助Widget Options插件来解决这个问题。

首先我们需要确保Widget Options插件已经安装并启用!确认后点击外观-小工具,会发现插件将我们的小工具UI进行了重构,不过不用急,大部分功能并不受影响,我的页面效果如下图所示。

在这里插入图片描述

因为我们的目录简码放在了侧边栏,故点开边栏,并选择对应的区块。

在这里插入图片描述

会发现下边的Hide/Show有两个选项,分别对应在勾选的选项中隐藏/在勾选的选项中显示。

在这里插入图片描述

我们选择默认的在勾选的选项中隐藏,并勾选下边的Home/Front选项,点击保存按钮即可主页进行隐藏。

在这里插入图片描述

四、效果

此时我们分别点击主页和任意一篇文章进行查看

主页效果(无目录):

在这里插入图片描述

文章效果(有目录):

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/658703.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Android14 WMS-窗口添加流程(一)-Client端

窗口布局在onCreate方法中通过setContentView(R.layout.xxx)加载,但窗口的显示并不是在wm_on_create_called中, 而是在wm_on_resume_called后,也就是说应用onResume时此窗口是不可见的,真正可见是当此window窗口的mDrawState变化状态从NO_SUR…

2024年社会发展、人文艺术与文化国际会议(ICSDHAC 2024)

2024年社会发展、人文艺术与文化国际会议(ICSDHAC 2024) 会议简介 2024年国际社会发展、人文、艺术和文化会议(ICSDHAC 2024)将在广州举行。会议旨在为从事社会发展、人文、艺术和文化研究的专家学者提供一个平台,分…

xjar加密springboot的jar包,并编译为执行程序

场景:当前项目需要进行jar包部署在windows环境和linux环境,并要求使用xjar加密。 1. xjar加密 源码程序自行搜索,这里只介绍加密及运行,运行加密程序,指定jar包,输入密码 2. 加密后的目录 3. go程序编译 …

Vanna使用ollama分析本地MySQL数据库

上一章节中已经实现了vanna的本地运行,但是大模型和数据库都还是远程的,因为也就没办法去训练,这节一起来实现vanna分析本地mysql数据库,因为要使用本地大模型,所以开始之前需要给本地安装好大模型,我这里用…

【数据结构】二叉搜索树——高阶数据结构的敲门砖

目录 树概述 二叉搜索树概述 概念 特性 元素操作 插入 删除 模拟实现 框架 查找 插入 删除 树概述 树——在计算机中是一种很常见的数据结构。 树是一种很强大的数据结构,数据库,linux操作系统管理和windows操作系统管理所有文件的结构就是…

PS教程08

光效 新建一个图层 按住Altdelete将颜色填充完毕。 转换智能对象 作用:我们可以对这个图层无限期修改 接下来找到滤镜-渲染-镜头光晕 选择需要的亮度和镜头类型,点击确定 如果发现位置不太理想,可以直接双击右下角的镜头光晕,…

swagger-ui页面接口的入参出参与代码实体类不一致有差异、swagger请求实体与预期定义不符、swagger参数与实体中参数不一致原因分析

文章目录 一、问题背景二、问题原因及解决方法 一、问题背景 项目集成swagger之后,发现有个接口的请求跟接口对应不上,把其他接口的请求参数放到当前这个请求上了。 如下图:test1接口的请求参数是其他请求的,并不是test1接口的 …

RFID芯片掼蛋牌:高科技与传统玩法结合,游戏体验焕然一新。

火爆“出圈”的掼蛋,是一种玩法相当鲜明的智力游戏。近年来得到了不少的推广和发展,各地举办了各种掼蛋比赛和活动,吸引了大量的参赛者和观众。此外,一些企业和机构也开始将掼蛋作为一种企业文化或者社交活动的方式,通…

无需开孔,安全美观:低功耗微波雷达模块开启宠物喂食器新未来

在快节奏的现代生活中,宠物已成为许多家庭的重要成员。然而,忙碌的主人常常为如何确保宠物按时进食而困扰。近年来,智能家居技术飞速发展,宠物喂食器也逐渐智能化,极大地方便了宠物主人。今天,我们要介绍的…

项目成功的关键要素:进度管理

在项目管理中,进度管理是决定项目成败的关键因素之一。它关乎项目能否在预定的时间范围内高效、准确地完成既定目标。 一、进度管理的重要性 1、时间控制:项目的成功往往与时间的把握息息相关。进度管理能够确保项目在既定的时间框架内有序进行&#x…

MySQL select for update 加锁

背景 当多人操作同一个客户下账号的时候,希望顺序执行,某个时刻只有一个人在操作;当然可以通过引入redis这种中间件实现,但考虑到并发不会很多,所以不想再引入别的中间件。 表结构 create table jiankunking_accoun…

肆拾玖坊FFC模式,社群裂变,股权众筹设计

肆拾玖坊商业模式,白酒新零售体系,众筹合伙模式 坐标:厦门,我是易创客肖琳 深耕社交新零售行业10年,主要提供新零售系统工具及顶层商业模式设计、全案策划运营陪跑等。 联想高管辞职跑去卖酒,6年狂赚30亿&…

手机“本地”也能玩转AI大模型 - 万物皆可AI

友友们,大家好!我最近发现一个很有意思的AI项目——MiniCPM-V,可以说它将AI技术的应用推向了一个全新的高度,让我们能够将GPT-4V级的多模态大模型直接部署在我们的手机上,而且完全不需要联网,真正的手机本地…

Unity版本使用情况统计(更新至2024年4月)

UWA发布|本期UWA发布的内容是第十四期Unity版本使用统计,统计周期为2023年11月至2024年4月,数据来源于UWA网站(www.uwa4d.com)性能诊断提测的项目。希望给Unity开发者提供相关的行业趋势作为参考。 2023年11月 - 2024年…

C++候捷stl-视频笔记1

认识headers、版本、重要资源 STL的核心思想是泛型编程 新式头文件内的组件封装在命名空间std中: using namespace std; using std::cout;或std::vector vec; 旧式头文件内的组件不封装在命名空间std中 注:不建直接使用using namespace xxx,如果使用的…

apexcharts数据可视化之极坐标区域图

apexcharts数据可视化之极坐标区域图 有完整配套的Python后端代码。 本教程主要会介绍如下图形绘制方式: 基础极坐标区域图单色极坐标区域图 基础极坐标区域图 import ApexChart from react-apexcharts;export function BasicPolar() {// 数据序列const series…

深入解析多维数组与主对角线元素之和

新书上架~👇全国包邮奥~ python实用小工具开发教程http://pythontoolsteach.com/3 欢迎关注我👆,收藏下次不迷路┗|`O′|┛ 嗷~~ 目录 一、引言:多维数组的奥秘 二、多维数组的基本概念 1. 定义与创建 2. 维度与形…

Linux服务器安装docker,基于Linux(openEuler、CentOS8)

本实验环境为openEuler系统(以server方式安装)(CentOS8基本一致,可参考本文) 目录 知识点实验 知识点 Docker 是一个开源的应用容器引擎。它允许开发者将应用及其所有依赖项打包到一个可移植的容器中,并发布到任何支持Docker的流行Linux或Wi…

歌曲转换成mp3格式超简单!快来试试看

在数字音乐时代,我们经常从各种来源下载或收藏到各种音频文件,但有时这些文件可能并不是我们设备所支持的常见格式,尤其是当我们更倾向于使用MP3格式的时候。因此,对于那些希望统一音乐库格式的人来说,将歌曲转换成mp3…

redis面试知识点

Redis知识点 Redis的RDB和AOF机制各是什么?它们有什么区别? 答:Redis提供了RDB和AOF两种数据持久化机制,适用于不同的场景。 RDB是通过在特定的时刻对内存中的完整的数据复制快照进行持久化的。 RDB工作原理: 当执行…