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

news2024/11/26 1:42:57

本文转自博主的个人博客: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选项,点击保存按钮即可主页进行隐藏。

在这里插入图片描述

四、效果

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

主页效果(无目录):

在这里插入图片描述

文章效果(有目录):

在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

vivado 时序约束

时间限制 以下ISE设计套件时序约束可以表示为XDC时序约束 Vivado设计套件。每个约束描述都包含一个UCF示例和 等效的XDC示例。 在未直接连接到边界的网络上创建时钟时,UCF和XDC不同 的设计(如端口)。在XDC中,当在上定义带有create…

微信小程序发送订阅消息

小程序后台。订阅消息里面,新建一个消息模板 小程序代码,登录后,弹出订阅信息 requestSubscribeMessage: function () {wx.requestSubscribeMessage({tmplIds: [-323232-32323], // 替换为你的模板IDsuccess(res) {// 用户订阅结果console.l…

【康耐视国产案例】Nvidia/算能+智能AI相机:用AI驱动 | 降低电动车成本的未来之路

受环保观念影响、政府激励措施推动与新能源技术的发展,消费者对电动汽车(EV)的需求正在不断增长,电动汽车已经成为了未来出行方式的重要组成部分。然而,电动汽车大规模取代燃油汽车的道路还很漫长。最大的障碍就是电动汽车的售价相对过高。尽…

day2数据结构

双链表的插入 循环链表,判断循环链表是否为空 指向的是自己 仅设表尾指针的循环链表合并 代码举例 删除线性表的最小值,并由函数返回删除的值,空的位置,由最后一个元素填补,若表为空显示出错信息 &L 因为L会发生…

深入理解flask规则构建与动态变量应用

新书上架~👇全国包邮奥~ python实用小工具开发教程http://pythontoolsteach.com/3 欢迎关注我👆,收藏下次不迷路┗|`O′|┛ 嗷~~ 目录 一、引言 二、Flask规则基础 1. 静态规则与动态规则 2. 规则语法与结构 三、动态变量应用…

AI作画算法原理

1.概述 AI作画算法的原理相当复杂,涉及多个领域的知识,包括计算机视觉、机器学习和神经网络等。我们从以下几个方面来描述AI作画算法的基本原理。 2. 数据准备 在数据准备方面,AI作画算法通常需要大量的图像数据作为训练样本。可以是各种各…

52-QSplitter类QDockWidget类

一 QSplitter类 Qt提供QSplitter(QSplitter)类来进行分裂布局&#xff0c;QSplitter派生于QFrame。 #ifndef MAINWINDOW_H #define MAINWINDOW_H#include <QMainWindow>class MainWindow : public QMainWindow {Q_OBJECTpublic:MainWindow(QWidget *parent nullptr);~…

【深度强化学习】如何平衡cpu和gpu来加快训练速度(实录)

文章目录 问题抛出问题展示 问题探索参考&#xff1a;如何平衡cpu和gpu来加快训练速度呢&#xff1f; 解决问题实现逻辑&#xff1a;PPO算法示例&#xff1a;偷懒改法&#xff1a;第三处修改再次修改--24.5.22 不偷懒改法修改总结1 最终成绩&#xff08;不是&#xff09;附加赛…

Python中的 Lambda 函数

大家好&#xff0c;在 Python 编程的世界里&#xff0c;有一种功能强大却不常被提及的工具&#xff0c;它就是 Lambda 函数。这种匿名函数在 Python 中拥有着令人惊叹的灵活性和简洁性&#xff0c;却常常被许多开发者忽视或者只是将其当作一种附加功能。Lambda 函数的引入&…

Windows系统WDS+MDT网络启动自动化安装

Windows系统WDS+MDT网络启动自动化安装 适用于在Windows系统上WDS+MDT网络启动自动化安装 1. 安装准备 1.下载windows server 2019、windows 10 pro的ISO文件,并安装好windows server 2019 2.下载windows 10 2004版ADK及镜像包 1.1 安装平台 Windows 111.2. 软件信息 软件…

【Python】解决Python报错:IndexError: pop from empty list

&#x1f9d1; 博主简介&#xff1a;阿里巴巴嵌入式技术专家&#xff0c;深耕嵌入式人工智能领域&#xff0c;具备多年的嵌入式硬件产品研发管理经验。 &#x1f4d2; 博客介绍&#xff1a;分享嵌入式开发领域的相关知识、经验、思考和感悟&#xff0c;欢迎关注。提供嵌入式方向…

提高倾斜摄影三维模型OSGB格式轻量化

提高倾斜摄影三维模型OSGB格式轻量化 倾斜摄影三维模型以其高精度和真实感受在城市规划、建筑设计和虚拟漫游等领域发挥着重要作用。然而&#xff0c;由于其庞大的数据量和复杂的几何结构&#xff0c;给数据存储、传输和可视化带来了挑战。为了提高倾斜摄影三维模型的性能和运行…

C/C++中互斥量(锁)的实现原理探究

互斥量的实现原理探究 文章目录 互斥量的实现原理探究互斥量的概念何为原子性操作原理探究 互斥量的概念 ​ 互斥量&#xff08;mutex&#xff09;是一种同步原语&#xff0c;用于保护多个线程同时访问共享数据。互斥量提供独占的、非递归的所有权语义&#xff1a;一个线程从成…

Docker管理工具Portainer忘记admin登录密码

停止Portainer容器 docker stop portainer找到portainer容器挂载信息 docker inspect portainer找到目录挂载信息 重置密码 docker run --rm -v /var/lib/docker/volumes/portainer_data/_data:/data portainer/helper-reset-password生成新的admin密码&#xff0c;使用新密…

flink left join消费kafka数据

left join会产生回车流数据 在控制台数据 import com.sjfood.sjfood.gmallrealtime.app.BaseSQLAPP; import com.sjfood.sjfood.gmallrealtime.util.SQLUtil; import org.apache.flink.streaming.api.environment.StreamExecutionEnvironment; import org.apache.flink.table.…

ARM32开发——库与包

&#x1f3ac; 秋野酱&#xff1a;《个人主页》 &#x1f525; 个人专栏:《Java专栏》《Python专栏》 ⛺️心若有所向往,何惧道阻且长 文章目录 嵌入式软件通用架构库SPL库HAL库MSP 嵌入式软件通用架构 库 标准外设库&#xff08;Standard Peripheral Library&#xff09;和H…

一分钟学习数据安全——自主管理身份SSI基本概念

之前我们已经介绍过数字身份的几种模式。其中&#xff0c;分布式数字身份模式逐渐普及演进的结果就是自主管理身份&#xff08;SSI&#xff0c;Self-Sovereign Identity&#xff09;。当一个人能够完全拥有和控制其数字身份&#xff0c;而无需依赖中心化机构&#xff0c;这就是…

《STM32Cube高效开发教程基础篇》- 单片机知识准备

文章目录 正点原子视频P1 单片机介绍P2 Cortex-M系列介绍P3 初识STM32P4 学会查看数据手册P5 最小系统和IO分配晶振电源复位BOOT启动电路下载调试 正点原子视频 视频链接 P1 单片机介绍 P2 Cortex-M系列介绍 P3 初识STM32 P4 学会查看数据手册 P5 最小系统和IO分配 晶振 电源…

外贸怎么开发国外客户呢?

外贸开发国外客户是一个系统性的过程&#xff0c;需要采取多种策略来确保成功。以下是一些清晰、分点表示的方法&#xff0c;用于帮助外贸企业开发国外客户&#xff1a; 深入研究目标市场 了解目标市场的文化、商业习惯、法律法规和消费者需求。通过市场调查和分析&#xff0c…