您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
WordPress文章页怎么添加展开收缩功能
宁儒熙2025-03-20 18:58:06WordPress教程已有13人查阅
导读很多时候我们在WordPress上发布一些文章的时候里面都包含了很多的代码,我一般又不喜欢把代码压缩起来而喜欢让代码格式化显示,但是格式化显示通常会让文章内容看起来很多
很多时候我们在WordPress上发布一些文章的时候里面都包含了很多的代码,我一般又不喜欢把代码压缩起来而喜欢让代码格式化显示,但是格式化显示通常会让文章内容看起来很多,不便于访问者浏览,所以今天就介绍一种可以展开/收缩文章内容的功能。
方法:
1.在header.php中添加下面的代码,或者也可以单独写进一个js文件中然后在header.php中引入也可以。我是引入的。 2.在function.php中加入下面的代码: 3.可以优化一下代码,因为默认是靠左的,不好看,我们让他往中间一点显示,具体的距离可以自行调整。当然这一步忽略也是可以的。
在style.css中添加以下代码: 4.下面就可以在文章中通过插入短代码
[collapse title=”标题”]需点击展开的内容[/collapse]
来使用此功能了。其中title是指添加一些提示内容,当然也可以省略title不写。
方法:
1.在header.php中添加下面的代码,或者也可以单独写进一个js文件中然后在header.php中引入也可以。我是引入的。 2.在function.php中加入下面的代码: 3.可以优化一下代码,因为默认是靠左的,不好看,我们让他往中间一点显示,具体的距离可以自行调整。当然这一步忽略也是可以的。
在style.css中添加以下代码: 4.下面就可以在文章中通过插入短代码
[collapse title=”标题”]需点击展开的内容[/collapse]
来使用此功能了。其中title是指添加一些提示内容,当然也可以省略title不写。
本文标签:
很赞哦! (1)
暂无内容 |
暂无内容 |
相关文章
暂无内容 |
暂无内容 |
随机图文
让WordPress支持中文URL的方法
之前在配置WordPress的时候做了个固定链接(%postname%),但在这之后我在我无意间点到文章的中文TAG的链接wordpress没有授权会被告吗
使用WordPress不会被告因为WordPress是一个免费的开源项目,在GNU通用公共许可证下授权发布。docker搭建WordPress的步骤方法教程
步骤一创建mysql的容器步骤二创建wordpress的容器并链接mysql容器的数据库创建mysql的容器docker run -d --name mysql -v mysql-data:/var/lib/mysql -e MYSQL_ROOT_PA手机怎么访问本地电脑环境中的wordpress网页
如何手机访问本地电脑下的wordpress网页手机和电脑必须在同一个局域网内。1.需要知道自己电脑的ip ,可以通过ifconfig查看,端口号要知道,可以在mamp软件中查看服务的端口。
留言与评论 (共有 0 条评论) |