WordPress文章页添加展开/收缩功能
2015-12-20 17:35
225 查看
很多时候我们在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中引入也可以。我是引入的。
在style.css中添加以下代码:
[collapse title=”标题”]需点击展开的内容[/collapse]
来使用此功能了。其中title是指添加一些提示内容,当然也可以省略title不写。
相关文章推荐
- POJ-1852(Ants)
- Linux命令
- Dom
- ubuntu开机遇到-您的当前网络有.local域,我们不建议这样做而且这与AVAHI网络服务探测不兼容。该服务已被禁用
- poj 3273 Monthly Expense 【二分】
- fragment里Toast方法
- 《C专家编程》笔记——第二章
- 利用gmp库查找完美数
- javaWeb-sax解析xml文件
- WordPress添加显示和隐藏侧边栏按钮开关
- find命令
- FragmentTransaction 中的方法 replace(int, Fragment)对于参数(int, Fragment1)不适用
- MyBatis架构设计及源代码分析系列 :MyBatis架构
- Java:类与继承(隐藏和覆盖的问题)
- 【模拟+思维】hdu5200 Trees
- 单例
- Defraggler磁盘碎片整理工具,让你的电脑读写速度更快
- 负数的二进制表示
- 设计模式—六大原则
- JAVA基础编程50题(10-12题)具体解释