admin 管理员组

文章数量: 1087139


2024年1月23日发(作者:食肉牛龙怎么折)

WordPress添加文章内容展开/收缩功能

通过之前分享的“WordPress首页文章添加列表模式和摘要模式切换”功能扩展,今天我们给wordpress文章页面添加一个功能按钮,实现文章内容展开/收缩功能的功能把。

WordPress添加文章内容展开收缩功能

在使用WordPress编写文章的时候我们常常会遇到这样一个问题:为了能满足不同用户对文章内容的理解。

我们希望能够将文章内容编写的尽可能详细,但是过于详细的内容对于某些已有一定知识基础的用户来说难免显的啰嗦。

这时候我们就需要使用“展开/收缩”功能将文章中某些可说可不说的内容隐藏起来,从而使得文章内容更加简洁有条理性。

JS代码

将以下代码添加到你主题文件的标签前面

// 添加文章页展开收缩JS效果

编辑主题文件

将一下代码添加到你主题的文件中

// 文章页添加展开收缩效果function xcollapse($atts, $content = null){

extract(shortcode_atts(array("title"=>""),$atts));

return '

'.$title.'展开/收缩

div>

';}


本文标签: 展开 收缩 添加 代码 功能

更多相关文章

微信链接跳转浏览器 H5实现APP下载功能实现方法

3月前

由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,我想到的是做一个提示用户在浏览器中打开下载。 可以参考&

linux系统报错误0x800f080c,windows-server-2016 – 功能名称Microsoft-Windows-Subsystem-Linux未知...

3月前

我试图按照这些说明 https:docs.microsoften-uswindowswslinstall-on-server在AWS EC2上的Windows Server 2016上启用linux子系统 这是错误消息&

Vmware虚拟机引起的windowswifi功能消失异常

3月前

在安装虚拟机配置hadoop大数据集群后,使用电脑期间突然找不到wifi功能了,并且无法设置,整个软件驱动都不见了。 当时误以为是电脑用太久了  驱动没有更新 先去找到了w

网盘资源,搜索引擎,功能较为强大的搜索引擎.

3月前

木木云盘搜索 - 各种云盘搜索木木云盘搜索 - 各种云盘搜索https:www.aclink.top 一.纯Vue3Bootstrap5开发,非常的简洁.索引功能强大,支持各大主流网盘。 二. 支持不同形式的筛选

磁力云播Android代码,磁力云播

3月前

==UserScript==@name 磁力云播@version 1.9.2@description 找出页面的磁力链,添加云播接口@author 磁力云播@icon http:demo.s

jupyter notebook安装与使用入门(windows)常用快捷键、代码补全、代码块折叠

3月前

目录 安装与卸载(windows端)第一种方式:通过Anaconda安装第二种方式:通过Python安装 使用快捷键代码补全、代码块折叠自定义主题 安装与卸载(windows端) 在pandas

Win10沙盒功能,系统自带免费免安装

3月前

Win10沙盒功能,系统自带免费免安装 最新版本的Windows 10(版本1903)新增加了一个名为Windows沙盒的内置功能。Windows沙盒允许Windows 1

教学管理系统java_Java 实现简易教务管理系统的代码

3月前

Main.java import java.util.Scanner; public class Main {public static void main(String[] args) {System.out.println("

Rust判断操作系统代码

3月前

fn main() {if cfg!(target_os"windows") {println!("Hello Windows");}else if cfg!(target_os"l

彻底关闭Windows操作系统的UAC功能

3月前

前言 新装的Windows操作系统默认开启了UAC(User Account Control,用户账户控制),每当用户、程序对计算机进行修改时&

Windows7高级检索功能——搜索筛选器

2月前

文章目录 问题1.索引是什么2.索引的作用3.优缺点4.Windows7创建索引总结 问题 提示:如何进行快速定位查询? 平时我们可能会遇到这样的一个问题:很久之前在自己

Windows系统远程桌面设置(附win11家庭版开启组策略功能及远程桌面)

2月前

一、设置远程桌面 1、小型局域网可选择关闭防火墙,或设置防火墙允许通过 2、右键我的电脑-属性 选择远程桌面并打开(家庭版无远程桌面功能,需要下载文件开启&#xf

手机微信浏览器调用图片放大功能

2月前

1、 引用微信的JS <script type"textjavascript" src"http:res.wx.qqopenjsjweixin-1.0.0.js"><

jupyter notebook未保存怎么办 查看历史代码记录

2月前

jupyter notebook未保存怎么办 查看历史代码记录 C:UsersUSERNAME.ipythonprofile_defaulthistory.sqlite 用文本编辑器打开&#xff0c;utf-8解码 h

windows10系统安装.net3.5或者启动.net3.5功能失败

2月前

第一种方法&#xff1a;去网站下载官方原版系统镜像&#xff0c;然后把sources这个文件夹提取出来到根目录&#xff08;必须&#xff09; 第二种方法&#xff1a;我已经把sources

android浏览器自动全屏,Android开发实现浏览器全屏显示功能

2月前

本文实例讲述了android开发实现浏览器全屏显示功能。分享给大家供大家参考,具体如下: 业务需求:浏览器设置中支持全屏显示的功能。 分析:只需要在设置界面上增加是否全屏的checkbox , 然后 browseractivity 中读取这

windows系统wifi功能消失不见

2月前

一觉醒来电脑wifi功能找不到了&#xff0c; ① winr 打开提示窗口&#xff0c;输入regedit&#xff0c;进入注册表 ② 删除HKEY_CLASSES_ROOTCLSID {3d09c1c

记一次华硕电脑WiFi功能消失解决流程

21天前

问题描述&#xff1a; 1.点击右下角&#xff0c;WiFi键消失 2.打开设置->网络和Internet->WiFi选项消失&#xff0c;只剩下以太网选项 我的解决方法&#xff1a

解决Windows 7(64位)操作系统驱动安装错误(代码52)

12天前

解决Windows 7(64位)操作系统驱动安装错误&#xff08;代码52&#xff09; 【下载地址】解决Windows764位操作系统驱动安装错误代码52分享 解决Windows 7(64位)操作系统驱动安装错误&am

如何打开Win7系统的"NFS服务"功能方法

11天前

我们要明白对于刚使用Windows 7操作系统的用户们而言&#xff0c;对于win7操作系统是很陌生的&#xff0c;加上许多的操作软件功能又不明白要那边才可以找到&#xff0c;因windows 7操作系统中自身

发表评论

全部评论 0
暂无评论