2013-05-31 43 views
3

要在帖子内创建标签,我已经使用the custom fields plug-in。 这个插件,完全用户友好,效果很好,我想保留它。在Wordpress中添加直接标签链接

这里是我的Wordpress管理仪表板中这些帖子标签的屏幕截图。

enter image description here

下面是帖子的显示:

enter image description here

然而,这个插件是不是添加到URL这些选项卡的路径。 目前,我无法获得与所选打开选项卡的帖子的直接链接。

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

任何意见或解决方案?

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

感谢

回答

3

你好,你可以通过URL打开特定的标签只是用你这样的链接/ categorie /冠军的,我的员额/#TAB1

如果tab1的是ID为TAB1如果您可以提供您的网站的网址,我可以提供准确的网址

但这里有一个例子: -

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

+0

+1的回答,但我在寻找这样的URL:http:// XXXX/categorie /冠军的,我的员额/ TAB1 (没有选择) – Romain

+0

是你可以做的是还......你需要这样的东西http://goo.gl/VQKTu每个标签都有自己的链接....你可以提供你的网站的网址,所以我可以检查标签..... – Corlax

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

是的,标签就像消息字段......只是为了在后端布局东西。 – Kortschot

+0

检索数据不是一个问题,但我想要的是当我们改变标签页时将用户重定向到另一个页面 – Romain

+0

如果您希望使用这样的系统进行导航而不是传统的导航系统,那么您可以设置up page templates and use [link] http://www.advancedcustomfields.com/resources/how-to/how-to-get-values-from-another-page/。这将从一个页面获得值。如果这是您打算去的路线,我建议您购买选项插件,以使其更加清洁。 – DomesticJones

0

我做了一个小小的演示。

通过ACF插件,我制作了一个字段组,其中包含3个字段,分别为:tab1,tab2 & 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(); ?>