本文最后更新于 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星点
主题可免费
开通后可免费下载此分类资源
免费
第三步: 找到需要收缩展开的内容,添加标签即可,是不是很简单啊
除非注明,子佩工作室 文章均为原创,转载请以链接形式标明本文地址。




登录后即可发表评论
全部评论 (0)