Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Tasse
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So zeigen Sie nur die Hauptkategorie in der WordPress-Beitragsübersicht an

Wir alle wissen, wie wichtig es ist, Inhalte auf einer Website zu organisieren. Bei WPBeginner verstehen wir, dass die Verwendung von Kategorien und Unterkategorien Besuchern hilft, Ihre Website zu erkunden und verbessert, wie sie in Suchergebnissen rankt. Eine gute Kategorienstruktur hilft Besuchern auch, das zu finden, was sie brauchen.

Die meisten WordPress-Themes listen automatisch alle mit einem Beitrag verknüpften Kategorien auf, auch die Unterkategorien. Das kann für Ihre Besucher sehr verwirrend sein. Wir hatten jedoch kürzlich einen Leser, der nur die Hauptkategorie auf seiner einzelnen Beitragsseite anzeigen wollte. Er wollte, dass sich seine Besucher auf das Hauptthema konzentrieren, anstatt von vielen Unterkategorien überwältigt zu werden.

In diesem Artikel zeigen wir Ihnen, wie Sie mit einem einfachen Code-Schnipsel die Anzeige von Kategorien in WordPress ändern können. Dadurch können Sie auf einer einzelnen Beitragsseite nur die Hauptkategorie anzeigen, was das Erlebnis Ihrer Website für Besucher erheblich verbessern kann.

Nur die übergeordnete Kategorie in der WordPress-Schleife anzeigen

Wann nur die übergeordnete Kategorie in WordPress anzeigen

Viele Website-Besitzer verwenden Eltern- und Unterkategorien, um eine Struktur für ihre Websites zu erstellen.

Zum Beispiel kann ein Reiseblog Reiseziele nach Kategorien organisiert haben, wobei jede Region eine Oberkategorie und Städte Unterkategorien sind.

Eltern- und Unterkategorien angezeigt

Ähnlich kann ein Food-Blog Rezepte veröffentlichen, die in Ober- und Unterkategorien organisiert sind. Zum Beispiel könnte eine Oberkategorie der Küchentyp und eine Unterkategorie der Gerichttyp sein.

Die meisten WordPress-Themes verwenden das Template-Tag the_category(), um alle mit einem Beitrag verknüpften Kategorien aufzulisten.

Diese Funktion ist effizient, aber sie zeigt alle Kategorien alphabetisch an und ignoriert die Eltern-Kind-Beziehung vollständig.

Das gesagt, schauen wir uns an, wie Sie dieses Verhalten ändern und nur die übergeordnete Kategorie in der WordPress-Schleife anzeigen.

Nur übergeordnete Kategorie in WordPress-Beitrags-Loop anzeigen

Für dieses Tutorial müssen Sie Ihre WordPress-Theme-Dateien bearbeiten. Wenn Sie dies noch nie getan haben, lesen Sie unseren Artikel darüber, wie Sie Code-Snippets in WordPress kopieren und einfügen.

Zuerst müssen Sie Ihrer Theme-Datei functions.php Code hinzufügen oder ein Code-Snippets-Plugin verwenden. Wir empfehlen die Verwendung von WPCode, da es Ihnen ermöglicht, Code hinzuzufügen, ohne Ihre Website zu beschädigen, und seine intelligente Code-Snippet-Validierung hilft Ihnen, häufige Codefehler zu vermeiden.

Erfahren Sie mehr in unserem Leitfaden, wie Sie benutzerdefinierten Code in WordPress hinzufügen, ohne Ihre Website zu beschädigen.

Für dieses Tutorial verwenden wir die kostenlose Version von WPCode. Obwohl sie nicht alle erweiterten Funktionen der Vollversion enthält, bietet sie alles, was Sie für den Einstieg benötigen.

Das Erste, was Sie tun müssen, ist, das WPCode-Plugin zu installieren und zu aktivieren. Wenn Sie Hilfe benötigen, können Sie unserer Schritt-für-Schritt-Anleitung folgen, wie Sie ein WordPress-Plugin installieren.

Nach der Aktivierung können Sie zur Seite WPCode » Neuer Schnipsel gehen

Einen neuen Schnipsel in WPCode hinzufügen

Dies öffnet eine Seite, auf der Sie einen benutzerdefinierten Schnipsel erstellen können.

Zuerst müssen Sie dem Schnipsel einen Titel geben. Danach können Sie den folgenden Code-Schnipsel in den Code-Vorschaufenster kopieren und einfügen.

function wpb_get_parent_terms($taxonomy = 'category')
{
    $currentPost = get_post();
    $terms       = get_the_terms($currentPost->ID, $taxonomy);

    if (is_wp_error($terms)) {
        /** @var \WP_Error $terms */
        throw new \Exception($terms->get_error_message());
    }

    $map = array_map(
        function ($term) use ($taxonomy) {
            return '<a href="' . esc_url(get_term_link($term->term_id,
                    $taxonomy)) . '" title="' . esc_attr($term->name) . '">
                ' . $term->name . '
                </a>';
        },
        array_filter($terms, function ($term) {
            return $term->parent == 0;
        })
    );

    return implode(', ', $map);
}
Hinzufügen eines Titels und Code-Snippets zu WPCode

Als Nächstes müssen Sie die Option 'PHP-Schnipsel' aus dem Dropdown-Menü 'Code-Typ' auswählen und den Schalter 'Inaktiv' auf 'Aktiv' stellen.

Stellen Sie schließlich sicher, dass Sie auf die Schaltfläche „Snippet speichern“ klicken, um Ihre Einstellungen zu speichern.

Wählen Sie in WPCode PHP als Code-Typ und aktivieren Sie den Snippet.

Dieser Code erstellt einfach eine neue Funktion wpb_get_parent_terms(). Standardmäßig zeigt diese Funktion nur übergeordnete Kategorien an.

Als Nächstes müssen Sie diese Funktion in Ihre WordPress-Theme-Dateien einfügen, wo Sie die übergeordnete Kategorie allein anzeigen möchten.

Um herauszufinden, welche Template-Datei Sie untersuchen müssen, sehen Sie sich unser WordPress Template-Hierarchie Cheatsheet für Anfänger an.

Im Grunde suchen Sie nach dem Template-Tag the_category() innerhalb der WordPress-Schleife. Sobald Sie es gefunden haben, müssen Sie es durch den folgenden Code ersetzen:

<?php wpb_get_parent_terms(); ?> 

Dieser Code zeigt Ihre Oberkategorie allein an.

Wenn Sie mehrere Kategorien haben, die übergeordnete oder eigenständige Kategorien sind, werden auch alle diese Kategorien angezeigt.

Nur Oberkategorie angezeigt

Das Code-Snippet funktioniert auch für alle anderen Taxonomien. Zum Beispiel WooCommerce-Produktkategorien oder jede benutzerdefinierte Taxonomie, die Sie möglicherweise haben.

Ändern Sie den Code einfach wie folgt:

<?php wpb_get_parent_terms( 'product_cat '); ?>

Dieser Code zeigt Produktkategorien für einen WooCommerce-Shop an.

Es werden auch nur die übergeordneten oder eigenständigen Kategorien für ein Produkt angezeigt.

Nur übergeordnete Produktkategorie angezeigt

Wenn Sie eine benutzerdefinierte Taxonomie anzeigen möchten, ersetzen Sie product_cat durch den Namen Ihrer benutzerdefinierten Taxonomie.

Expertenleitfäden zur Anzeige von Kategorien in WordPress

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie nur die Oberkategorie für Ihre WordPress-Beiträge anzeigen. Möglicherweise möchten Sie auch einige andere Anleitungen zum Anzeigen von WordPress-Kategorien sehen:

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von den Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie, wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

11 CommentsLeave a Reply

  1. Fügen Sie Ihren Beiträgen Datumsstempel hinzu. So wissen wir, wann Sie ihn geschrieben haben, und schließen keine 5 Jahre alten Code-Schnipsel ein.

Leave A Reply

Vielen Dank, dass Sie sich entschieden haben, einen Kommentar zu hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.