您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
WordPress文章页怎么添加展开收缩功能
宁儒熙2025-03-20 18:58:06WordPress教程已有7人查阅
导读很多时候我们在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后台文章编辑器添加下拉式短代码选择的方法
虽然WordPress 5.0之后的默认编辑器已成为块编辑器,但个人更喜欢经典编辑器。 所以继续改造经典编辑器!怎么判断WordPress网站是否被黑客攻击
WordPress网站被黑客攻击的5个迹象,现在很多站长都会选择美国主机通过WordPress建立站点,站点建立成功之后或多或少会被黑客攻击,WordPress网站被黑客攻击时存在高危漏洞这几个WordPress插件需要注意
近日,WordPress安全公司Wordfence的研究人员发现一项严重的漏洞,它可以作用于三种不同的WordPress插件,并已影响超过84000个网站。wordpress版本号的查看方法
对于软件的使用者,知道使用的软件的版本号是很有必要的。比如wordpress软件, 做为一个普通用户,写博客的站长来说,通常都知道 新的版本,是安全的版本,功能也会更强大。
留言与评论 (共有 0 条评论) |