我希望这是相当容易的后作者设置一个手风琴，根据标题标签。例如：
<h3>Headline 1</h3>
<p>Content.. lorem ipsum</p>
<h3>Headline 2</h3>
<p>Content.. lorem ipsum</p>
<h3>Headline 3</h3>
<p>Content.. lorem ipsum</p>
将转换为此（因此，手风琴被激活）
<div class="accordion">
<h3>Headline 1</h3>
<div><p>Content.. lorem ipsum</p></div>
<h3>Headline 2</h3>
<div><p>Content.. lorem ipsum</p></div>
<h3>Headline 3</h3>
<div><p>Content.. lorem ipsum</p></div>
</div>
我一直在使用带有短代码的设置，但这对于本文作者来说太复杂了，所以一个更精简的解决方案就太棒了。你知道我该怎么做吗？
SO网友:Azizur Rahman
您可以使用shortcode函数来完成此操作。
function accordion_shortcode( $atts, $content = null ) {
extract( shortcode_atts( array(
\'class\' => \'accordion\',
), $atts ) );
return \'<div class="\' . esc_attr($class) . \'">\' . $content . \'</div>\';
}
add_shortcode( \'accordion\', \'accordion_shortcode\' );
在编辑器中，您可以包装内容：
[accordion]
<h3>Headline 1</h3>
<p>Content.. lorem ipsum</p>
<h3>Headline 2</h3>
<p>Content.. lorem ipsum</p>
<h3>Headline 3</h3>
<p>Content.. lorem ipsum</p>
[/accordion]
