首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何为选项卡构建短代码

如何为选项卡构建短代码
EN

WordPress Development用户
提问于 2014-11-10 21:58:26
回答 1查看 4.8K关注 0票数 0

我制作了一个选项卡小部件来显示最近的帖子、评论和流行的帖子。现在我想取出制表符函数,并对它做一个简短的代码,所以我可以将它添加到WP帖子中,并在那里使用它。

代码语言:javascript
运行
复制
<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>

构建在本教程上。

无论我在过去两天尝试了functions.php中的任何代码,它都无法工作。理想情况下,我希望这样的内容能够添加到内部帖子中:

代码语言:javascript
运行
复制
[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]
EN

回答 1

WordPress Development用户

发布于 2015-12-19 01:47:02

我修改了你共享的代码。你可以试试这个:http://pastebin.com/sAshJ348

必要时更改类。

谢谢

票数 1
EN
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://wordpress.stackexchange.com/questions/168063

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档