【问题标题】:Custom Tabs shortcode自定义标签短代码
【发布时间】:2014-11-09 18:47:10
【问题描述】:

我花了一整天的时间来为我制作的标签制作一个简码。我在这里看到了很多代码,我试图将它们添加到 functions.php 但无法弄清楚如何制作它为我的案子工作。它们中的大多数都是动态的,例如选项卡 1、选项卡 2,您可以添加任何内容。但我想说 5 总是一样的。所以标题将是相同的,并且上面会有图标。我会将它插入到 wp 帖子中。我已经为它做了一个很好的样式,不想使用插件。

这是我的html

<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 -->

那么有什么指针,特别是对于 function.php 代码?

谢谢

【问题讨论】:

    标签: php tabs wordpress shortcode


    【解决方案1】:

    简码是在将代码插入帖子内容时运行的函数。代码用方括号括起来,如“[code-word]”。所以把它放到你的functions.php文件中:

    function my_tabs(){
         echo ("Hello world!");
    }
    add_shortcode( 'my_tabs', 'my_tabs' );
    

    然后将文本“[my_tabs]”添加到任何帖子以显示“Hello world!”。改变“你好世界!”随心所欲。

    【讨论】:

    • 我认为我描述的情况是错误的。带有图标的选项卡标题将相同,但下面的内容将更改。通过这种方式,您建议我可以添加不会随时更改的整个部分,虽然这对于顶部是正确的,但我将如何做,所以我可以动态输出“内容”部分,以便我可以为任何帖子更改它我要吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多