我正在尝试为创建短代码Twitter Bootstrap Collapse.
这就是我想要实现的目标:
[collapse-group]
[collapse accordion="#accordionOne" title="my heading1"]some text[/collapse]
[collapse accordion="#accordionTwo" title="my heading2"]some more text[/collapse]
[/collapse-group]
例如,“my heading1”将显示,“some more text”将可折叠。
这是我使用的代码,最后一个短代码[折叠]导致我的本地安装出现服务器错误。
function collapse-group( $atts, $content = null ) {
return \'<div class="accordion" id="accordion2">"\'.$content.\'"</div>\';
}
add_shortcode("collapse-group", "collapse-group");
function collapse($atts, $content = null) {
extract(shortcode_atts(array(
\'accordion\' => \'\',
\'title\' => \'\'
), $atts));
return \'<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse"
data-parent="#accordion2" href="\'.$accordion.\'">"\'.$title.\'"</a>
</div>
<div id="\'.$accordion.\'" class="accordion-body collapse in">
<div class="accordion-inner">"\'.$content.\'"</div>
</div>
</div>\';
}
add_shortcode("collapse", "collapse");
我知道有插件,但我更喜欢为这个特定的实例定制这个插件,这样我就不必依赖于其他各种膨胀的插件。我希望这个问题的答案对其他人有用。