Fügen Sie direkte Tab-Links in einem WordPress-Beitrag hinzu

Lesezeit: 4 Minuten

Benutzer-Avatar
Romain

Um Tabs innerhalb eines Beitrags zu erstellen, verwende ich bereits das Plug-in für benutzerdefinierte Felder. Dieses Plug-in ist absolut benutzerfreundlich, funktioniert hervorragend und ich würde es gerne behalten.

Hier ist ein Screenshot dieser Post-Tabs in meinem WordPress-Admin-Dashboard.

Geben Sie hier die Bildbeschreibung ein

Hier ist die Anzeige eines Beitrags:

Geben Sie hier die Bildbeschreibung ein

Dieses Plug-in fügt jedoch den Pfad dieser Registerkarten nicht zur URL hinzu. Derzeit kann ich keinen direkten Link zu einem Beitrag mit einem ausgewählten geöffneten Tab abrufen.

Ich suche nach diesem URL-Ergebnis: http://xxxx/categorie/title-of-my-post/tab1

Irgendwelche Ideen oder Lösungen?

Hinweis: Das WordPress-Dashboard wird von einem Kunden verwendet, daher muss das Hinzufügen von Inhalten so bequem wie möglich sein. jede bequeme Lösung wird akzeptiert.

Vielen Dank

Hallo, Sie können einen bestimmten Tab per URL öffnen, verwenden Sie einfach so Ihren Link/Kategorie/Titel-meines-Beitrags/#Tab1

Wenn tab1 die ID für tab1 ist, wenn Sie Ihre Website-URL angeben können, kann ich die genaue URL angeben

aber hier ist ein beispiel :-

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

  • +1 für Ihre Antwort, aber ich suche nach dieser URL: xxxx/categorie/title-of-my-post/tab1 (Keine Wahl)

    – Romain

    19. Juni 2013 um 15:33 Uhr

  • ja man kann das auch…. sowas braucht man goo.gl/VQKTu Jeder Tab hat seinen eigenen Link …. können Sie Ihre Site-URL angeben, damit ich den Tab überprüfen kann …

    – Korlax

    19. Juni 2013 um 16:59 Uhr

Die “Tabs” in ACF erstellen eigentlich keine Inhaltstabellen in der Datenbank. Sie dienen lediglich der Gestaltung der Dateneingabe im Backend. Wenn Sie also Ihr Feld “Text” von “Tab 1” aufrufen, müssten Sie nur tun the_field(‘Text’) auf Ihrer Vorlage, um es aufzurufen.

Sie müssen Ihr aufgerufenes Feld innerhalb der Registerkarte Ihrer Seitenvorlage umschließen. Dies hätte nichts mit ACF zu tun, sondern mit Ihrer Vorlage.

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

  • Ja, die Registerkarten sind wie das Nachrichtenfeld … nur um Dinge im Backend zu gestalten.

    – Kortschot

    18. Juni 2013 um 8:04 Uhr

  • Das Abrufen der Daten ist kein Problem, aber ich möchte den Benutzer auf eine andere Seite umleiten, wenn wir die Registerkarten wechseln

    – Romain

    19. Juni 2013 um 15:35 Uhr

  • Wenn Sie anstelle eines herkömmlichen Navigationssystems mit einem solchen System navigieren möchten, können Sie Seitenvorlagen einrichten und verwenden https://stackoverflow.com/questions/16854368/add-direct-tab-links-inside-a-wordpress-postadvancedcustomfields.com/resources/how-to/… . Dadurch erhalten Sie Werte von nur einer Seite. Wenn dies der Weg ist, den Sie beabsichtigen, schlage ich vor, dass Sie das Options-Plugin kaufen, um es für den Kunden noch sauberer zu machen.

    – DomesticJones

    20. Juni 2013 um 5:00 Uhr

Das liegt daran, dass dieses Plugin keine “Links-URL” in seinen Code geschrieben hat.

Probieren Sie stattdessen diese Plugins aus

a. http://wordpress.org/plugins/simple-side-tab/ Links zu beliebigen Seiten hinzufügen.

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

Ich habe eine kleine Demo gemacht.

Mit dem ACF-Plugin habe ich eine Feldgruppe mit 3 Feldern namens: tab1, tab2 & tab3 erstellt. Ich habe die Gruppenregeln so angegeben, dass sie auf der Seite “tabtest (funktionierende Demo)“.

Für die Demo habe ich verwendet Registerkarten aus der jQuery-Benutzeroberfläche. Ich habe mir nicht die Mühe gemacht, die js an die richtige Stelle zu setzen, da die aktuelle Fuß- und Kopfzeile für eine andere Demo verwendet werden.

<?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(); ?>

1088170cookie-checkFügen Sie direkte Tab-Links in einem WordPress-Beitrag hinzu

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy