文章目录
本文最后更新于 2019-10-08,已超过 365 天未更新,内容可能已失效。

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

第一步:在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中添加代码

隐藏内容

此处内容需要权限查看

会员类型此资源价格
全站可免费
开通后可免费下载此资源
免费
计划书
此资源不在「计划书」分类范围
9.9星点
主题可免费
开通后可免费下载此分类资源
免费

 

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

CC 许可协议
署名-非商业性使用-相同方式共享 4.0 国际 了解协议
文章链接:https://zptheme.com/1675.html
本文作者:子佩·来源:子佩工作室

除非注明,子佩工作室 文章均为原创,转载请以链接形式标明本文地址。

相关推荐

登录后即可发表评论

社交账号登录

全部评论 (0)