Question

要在帖子中创建标签，我已使用the custom fields plug-in。这个插件，完全用户友好，工作得很好，我想保留它。

以下是我的Wordpress管理信息中心内这些帖子标签的屏幕截图。

enter image description here

以下是帖子的显示：

enter image description here

但是，此插件不会在URL中添加这些选项卡的路径。目前，我无法通过选定的打开标签获得帖子的直接链接。

我正在寻找这个网址结果：http://xxxx/categorie/title-of-my-post/tab1

任何想法或解决方案？

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

由于

Answer 1

你好，你可以通过网址打开特定的标签，只需使用这样你的链接/种类/标题我的帖子/＃tab1

如果tab1是tab1的id，如果你可以提供你的网站网址我可以提供准确的网址

但这是一个例子： -

http://kav.in/wp-ui-for-wordpress/#accordion

Answer 2

ACF中的“选项卡”实际上并不在数据库中创建内容表。它们仅用于后端数据输入的布局。因此，当从“标签1”调用您的字段“文本”时，您只需要在模板上执行 the_field（'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>

Answer 3

那是因为该插件没有在其代码中写入“链接url”。

尝试使用这些插件

一个。 http://wordpress.org/plugins/simple-side-tab/添加指向任何页面的链接。

湾http://wordpress.org/plugins/wp-ui/

Answer 4

我做了一个小演示。

使用ACF插件，我创建了一个包含3个字段的字段组：tab1，tab2＆amp; TAB3。我给出了组规则，以便在“tabtest (working demo)”页面上显示它们。

对于演示，我使用了jQuery UI中的Tabs。由于当前的页脚和标题用于另一个演示，我没有把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(); ?>

在Wordpress帖子中添加直接标签链接

4 个答案: