如何为选项卡构建快捷代码

时间:2014-11-10 作者:Max

我制作了一个选项卡式小部件来显示最近的帖子、评论和流行帖子。现在我想去掉tab函数并对其进行一个简短编码,这样我就可以将它添加到WP帖子中并在那里使用它。

<div class="tabs tabs-style-topline">
    <nav>
        <ul>
            <li><a href="#section-topline-1" class="icon icon-home"><span>Home</span></a></li>
            <li><a href="#section-topline-2" class="icon icon-gift"><span>Deals</span></a></li>
            <li><a href="#section-topline-3" class="icon icon-upload"><span>Upload</span></a></li>
            <li><a href="#section-topline-4" class="icon icon-coffee"><span>Work</span></a></li>
            <li><a href="#section-topline-5" class="icon icon-config"><span>Settings</span></a></li>
        </ul>
    </nav>
    <div class="content-wrap">
        <section id="section-topline-1"><p>1</p></section>
        <section id="section-topline-2"><p>2</p></section>
        <section id="section-topline-3"><p>3</p></section>
        <section id="section-topline-4"><p>4</p></section>
        <section id="section-topline-5"><p>5</p></section>
    </div><!-- /content -->
</div><!-- /tabs -->

<script>
    new CBPFWTabs( document.getElementById( \'tabs\' ) );
</script>
建立在this tutorial.

不管是什么代码functions.php 我在过去的两天里试过了,根本不起作用。理想情况下,我希望添加这样的内部帖子:

[tabgroup]
[tab title="Tab 1"]Tab 1 content goes here.[/tab]
[tab title="Tab 2"]Tab 2 content goes here.[/tab]
[tab title="Tab 3"]Tab 3 content goes here.[/tab]
[/tabgroup]

1 个回复
SO网友:Abdul Awal Uzzal

我修改了你共享的代码。您可以尝试以下操作:http://pastebin.com/sAshJ348

必要时更改类别。

谢谢

结束

相关推荐

Call Shortcode on wp_footer

是否可以在帖子/页面内容区域之外调用快捷码?我试图用以下代码将其添加到wp\\U页脚,但它返回字符串:add_shortcode(\'eps_pop\', \'init\'); function indtable_display_front_end($atts ) { global $post; extract( shortcode_atts( array( \'id\' => \'\' ), $atts ) );&#x