给 wordpress 文章 添加展开/收缩功能 -云顶国际

有时候 文章里面一些不太重要的内容，想隐藏起来，免得文章太长影响用户体验，可以通过展开/收缩功能，下面教大家给 文章 添加展开/收缩功能：

1.下面的 js 代码加入到body之前

2.下面的代码加入到 functions.php 文件中

function xcollapse($atts, $content = null){
	extract(shortcode_atts(array("title"=>""),$atts));
	return '

		

			'.$title.' 
			
			

		
		
'.$content.'
	
';
}
add_shortcode('collapse', 'xcollapse');

3.代码使用：

4.css代码：

.xcontrol {
padding-left: 32px;
}

5.添加按钮到编辑器，下面的代码加入到 functions.php 文件中

//添加展开/收缩快捷标签按钮
function appthemes_add_collapse() {
?>

按钮使用方法：先单击一次，然后输入你想要收缩的内容，再单击一次按钮，然后替换替换其中的说明文字

# 更多技巧，请关注「专题」

方法来源：