效果:
效果预览
功能代码:
1、js
加入到 body 之前
2、functions.php
加入到主题 functions.php 文件中
3、代码使用:
{collapse title="标题"}需点击展开的内容{/collapse}
将上述代码中的{}分别替换为[]
补刀:css 美化一下吧
.xControl { padding-left: 32px; }
2015-11-8 日更新:如何在编辑文章的时候快速添加该按钮呢?陌小雨博客(www.dedewp.com)给大家分享下面的好办法:
//添加展开/收缩快捷标签按钮 function appthemes_add_collapse() {if (wp_script_is('quicktags')){ ?><script type="text/javascript">// <![CDATA[ QTags.addButton( 'collapse', '展开/收缩按钮', '{collapse title="说明文字"}','{/collapse}' ); // ]]></script><?php }} add_action('admin_print_footer_scripts', 'appthemes_add_collapse' );
将上述代码中的{}分别替换为[]
将上述代码添加到主题 functions.php 文件中,然后在编辑文章的时候切换到文本模式,就可以看到该按钮啦,是不是很编辑呢?
按钮使用方法:先单击一次,然后输入你想要收缩的内容,再单击一次按钮,然后替换替换其中的说明文字,什么是说明文字呢,就比如本文上面的加入到 body 之前和加入到主题 functions.php 文件中。
你可能对这些文章感兴趣:
- wordpress短代码实现分类文章ajax筛选
- WordPress插件推荐:终极简码Shortcodes Ultimate
- WordPress添加下载按钮
- WordPress 文章页面如何调用当前作者的其他文章列表
- WordPress插件推荐:Anylink
- 零起点php入门第13课-php数组(2)
- xiu主题启用七牛cdn缓存后无法评论解决办法
- Xampp2016打开php文件提示Call to undefined function curl_init()
- 一秒钟学习对一生都有用的知识(1)
- WordPress评论回复可见
- WordPress添加回马枪访问提示,可自定义
- WordPress博客主题推荐(简单直观的wordstar)
- 给option framework 框架增加主题设置导入导出功能
- 封装的WordPress全站PJAX排除规则怎么写
head
前应该就好了