给WP文章添加展开收缩功能

还是那句，像我这样的小白适合，大神请绕道！

第一步：在functions.php中添加代码

// 文章页添加展开收缩效果
function xcollapse($atts, $content = null){
	extract(shortcode_atts(array("title"=>""),$atts));
	return '<div style="margin: 0.5em 0;">
		    <div class="xControl">
			    <span class="xTitle">'.$title.'</span><i class="fa fa-plus-square" aria-hidden="true"></i><a href="javascript:void(0)" class="collapseButton xButton">展开/收缩</a>
			    <div style="clear: both;"></div>
		    </div>
		<div class="xContent" style="display: none;">'.$content.'</div>
	</div>';
}
add_shortcode('collapse', 'xcollapse');

第二步：

我们需要在后台增加标签按钮，也是在functions.php中添加代码

第三步： 找到需要收缩展开的内容，添加标签即可，是不是很简单啊