在Wordpress帖子中添加直接选项卡链接

在Wordpress帖子中添加直接选项卡链接,wordpress,post,tabs,Wordpress,Post,Tabs,要在帖子中创建选项卡,我已经使用了。 这个插件非常友好,非常好用,我想保留它 下面是我的Wordpress管理面板中这些帖子标签的屏幕截图 以下是帖子的显示: 但是,此插件没有将这些选项卡的路径添加到url中。 目前,我无法通过所选的打开选项卡获得文章的直接链接 我正在查找此url结果:http://xxxx/categorie/title-of-my-post/tab1 有什么想法或解决办法吗 注意:Wordpress仪表板将由客户端使用,因此添加内容必须尽可能方便,接受任何方便的解决方案

要在帖子中创建选项卡,我已经使用了。 这个插件非常友好,非常好用,我想保留它

下面是我的Wordpress管理面板中这些帖子标签的屏幕截图

以下是帖子的显示:

但是,此插件没有将这些选项卡的路径添加到url中。 目前,我无法通过所选的打开选项卡获得文章的直接链接

我正在查找此url结果:
http://xxxx/categorie/title-of-my-post/tab1

有什么想法或解决办法吗

注意:Wordpress仪表板将由客户端使用,因此添加内容必须尽可能方便,接受任何方便的解决方案。


谢谢

您好,您可以通过url打开特定选项卡,只需像这样使用您的链接/分类/我文章的标题/#选项卡1

如果tab1是tab1的id,如果您可以提供您的网站url,我可以提供准确的url

但这里有一个例子:-

ACF中的“选项卡”实际上不会在数据库中创建内容表。它们仅用于后端数据输入的布局。因此,当从“Tab 1”调用字段“text”时,只需在模板上执行_字段('text')即可调用它

您需要在页面模板的选项卡中包装调用字段。这与ACF无关,而与您的模板无关

<ul id="tabbed-nav">
     <li class="tab-1">Your field called <em>text</em>: <?php the_field('text'); ?></li>
     <li class="tab-2">Your second Tab Content <?php the_field('text_tab2'); ?></li>
</ul>
  • 称为文本的字段:
  • 您的第二个选项卡内容

这是因为该插件的代码中没有“链接url”

试试这些插件

a。添加任何页面的链接

b

我做了一个小演示

使用ACF插件,我创建了一个包含3个字段的字段组,分别称为:tab1、tab2和tab3。我给出了组规则,以便它们在“”页上可见

对于我在jQueryUI中使用的演示。由于当前页脚和页眉用于另一个演示,所以我没有费劲地将js放在正确的位置

<?php get_header(); ?>

    <div id="primary" class="site-content">

        <div id="content" role="main">

            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
            <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
            <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
            <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

            <div id="tabs">
                <ul>
                    <li><a href="#tabs-1">Nunc tincidunt</a></li>
                    <li><a href="#tabs-2">Proin dolor</a></li>
                    <li><a href="#tabs-3">Aenean lacinia</a></li>
                </ul>

                <div id="tabs-1"><p><?php the_field('tab1');?></p></div>
                <div id="tabs-2"><p><?php the_field('tab2');?></p></div>
                <div id="tabs-3"><p><?php the_field('tab3');?></p></div>
            </div>

            <script>
                $(function() {
                    $( "#tabs" ).tabs();
                });
            </script>

        </div><!-- #content -->

    </div><!-- #primary -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

$(函数(){ $(“#制表符”).tabs(); });
是的,选项卡就像消息字段一样。。。只是在后端布局。检索数据不是问题,但我想要的是在我们更改选项卡时将用户重定向到另一个页面。如果您希望使用这样的系统而不是传统的导航系统进行导航,那么您可以设置页面模板并使用[链接]。这将从一个页面获取值。如果这是你打算走的路线,我建议你购买选项插件,让它更干净的客户端。你的答案+1,但我正在寻找这个网址:(没有选择)是的,你也可以这样做。。。。你需要这样的东西每个标签都有自己的链接。。。。你能提供你的网站网址,这样我就可以检查标签了。。。。。