So blenden Sie Ihre Unterkategorien in WordPress aus oder gestalten sie

Beim Erstellen von Websites gehen viele WordPress-Benutzer davon aus, dass die Anzeige jeder einzelnen Unterkategorie Besuchern hilft, das Gesuchte schneller zu finden.

Aber unserer Erfahrung nach sieht die Anzeige einer langen Liste von Unterkategorien auf Ihrer Website nicht gut aus und kann Besucher sogar überfordern. Anstatt den Leuten bei der Navigation zu helfen, verwirrt es sie oft und lässt Ihre Website unübersichtlich und unprofessionell aussehen.

Die gute Nachricht ist, dass wir im Laufe der Jahre mehrere einfache Möglichkeiten entdeckt haben, die Anzeige Ihrer Unterkategorien anzupassen.

In diesem Tutorial zeigen wir Ihnen, wie Sie die Unterkategorien ausblenden und deren Stil mit einem Code-Snippet ändern können.

Warum Unterkategorien in WordPress verwenden?

Wenn Sie Beiträge für Ihre WordPress-Website schreiben, können Sie diese mithilfe von Kategorien und Tags organisieren. Wenn Sie Inhalte richtig kategorisieren, können Sie Ihre SEO verbessern, was mehr Traffic auf Ihre Website bringt.

Die Organisation Ihrer Beiträge verbessert auch die Navigation Ihrer Website, sodass Besucher die gesuchten Inhalte leichter finden können. Sie können sogar Unterkategorien erstellen, wenn die Struktur Ihrer Website komplexer wird.

Zum Beispiel könnte ein Reiseblog eine Kategorie für Sehenswürdigkeiten in den Vereinigten Staaten haben. Wenn der Inhalt wächst, kann es sinnvoll sein, Unterkategorien für Städte wie Chicago, Los Angeles und New York City zu erstellen.

Wenn Sie Ihre Kategorien in einem WordPress-Widget anzeigen, können Sie eine flache Liste oder eine Hierarchie verwenden. Hier sehen Sie, wie jede Option auf unserer Demoseite aussieht.

Dies tun Sie, indem Sie in Ihrem WordPress-Dashboard zu Darstellung » Widgets navigieren und das Kontrollkästchen 'Hierarchie anzeigen' bei Ihrem Kategorien-Widget aktivieren.

Aber welche Option Sie auch wählen, die Liste wird schließlich lang und unübersichtlich und sieht auf Ihrer WordPress-Website nicht gut aus.

In diesem Leitfaden zeigen wir Ihnen, wie Sie Unterkategorien ausblenden, um Ihre Kategorieliste leichter navigierbar zu machen, und wie Sie Unterkategorien für ein übersichtlicheres Erscheinungsbild gestalten. Sie können die Schnelllinks unten verwenden, um zu dem Abschnitt zu springen, der Sie am meisten interessiert:

• So verstecken Sie Ihre Unterkategorien in WordPress mit CSS
• How to Style Your Subcategories in WordPress Using CSS

So verstecken Sie Ihre Unterkategorien in WordPress mit CSS

In diesem Artikel verwenden wir CSS-Code-Schnipsel, um Ihre Unterkategorien auszublenden und zu gestalten. Sie können die Schnipsel direkt in die style.css-Datei Ihres Themes, in ein Code-Snippet-Plugin wie WPCode einfügen oder sie über den Theme Customizer in Ihrem WordPress-Dashboard hinzufügen.

Das Hinzufügen von CSS kann für Anfänger schwierig sein, und ein Fehler könnte Ihre WordPress-Website beschädigen. Wenn Sie neu im Umgang mit Code-Snippets sind, sollten Sie sich unseren Leitfaden ansehen, wie Sie ganz einfach benutzerdefiniertes CSS zu Ihrer WordPress-Website hinzufügen.

Mit diesem Wissen werden wir uns ansehen, wie Unterkategorien in WordPress ausgeblendet werden.

Sie müssen den folgenden Code kopieren und in die style.css-Datei Ihres Themes, Ihr Code-Snippets-Plugin oder Ihren WordPress Theme Customizer einfügen.

.children {
display:none;
}

Um den Theme Customizer zu verwenden, müssen Sie zuerst zu Appearance » Customize navigieren und dann unten in der Liste auf 'Additional CSS' klicken. Danach fügen Sie einfach den Code ein und klicken auf die Schaltfläche 'Publish'.

Sie können nun Ihre WordPress-Seite besuchen, um sicherzustellen, dass die Unterkategorien ausgeblendet sind. Hier sind Screenshots von unserer Testwebsite davor und danach.

Das sieht viel übersichtlicher aus, aber jetzt können Ihre Besucher die Unterkategorien nicht sehen. Möglicherweise möchten Sie unseren Leitfaden anzeigen von Unterkategorien auf Ihren WordPress-Kategorieseiten überprüfen.

Wenn Sie dies tun, sehen Ihre Besucher, wenn sie auf die Kategorie Vereinigte Staaten klicken, auf dieser Seite Links zu den Unterkategorien wie Chicago, Los Angeles und New York City.

So gestalten Sie Ihre Unterkategorien in WordPress mit CSS

Sie können auch CSS verwenden, um das Aussehen Ihrer Kategorien und Unterkategorien anzupassen. Dies hängt von Ihren eigenen CSS-Kenntnissen und davon ab, was Sie am Aussehen in Ihrem aktuellen Theme ändern möchten.

Wenn Sie beispielsweise Ihre Unterkategorien hierarchisch anzeigen, können Sie durch vertikale Balken schnell erkennen, welche Kategorien auf derselben Ebene liegen. Schauen wir uns an, wie das geht.

Das Ändern des Stils Ihrer Unterkategorien folgt demselben Verfahren wie das Ausblenden. Sie müssen den folgenden Code kopieren und in style.css, das Plugin WPCode oder den WordPress Theme Customizer einfügen.

.children {
padding: 0 0 0 5px;
margin: 0 0 0 2px;
border-left: 1px solid #333;
}

Wenn Sie den Theme Customizer verwenden, vergessen Sie nicht, auf die Schaltfläche 'Veröffentlichen' zu klicken.

Nachdem Sie dies getan haben, können Sie Ihre WordPress-Website besuchen, um die Änderungen in der Vorschau anzuzeigen. Hier sind Vorher-Nachher- Screenshots von unserer Testwebsite.

Sie können den Code gerne anpassen, um den Stil nach Ihrem Geschmack zu gestalten.

Sie können auch CSS verwenden, um andere Elemente Ihres WordPress-Themes zu gestalten. Zum Beispiel können Sie CSS verwenden, um einzelne Kategorien unterschiedlich zu gestalten.

Experten-Leitfäden zu Kategorien und Unterkategorien in WordPress

Jetzt, da Sie wissen, wie Sie Ihre Unterkategorien ausblenden oder gestalten können, möchten Sie vielleicht einige andere Tutorials zur Verwendung von Kategorien und Unterkategorien in WordPress ansehen:

• So fügen Sie Kategorie und Unterkategorie in WordPress-URLs ein
• So zeigen Sie leere Kategorien in WordPress-Widgets an
• So zeigen Sie Kategoriebeschreibungen in WordPress an
• So fügen Sie Taxonomie-Bilder (Kategorie-Symbole) in WordPress hinzu

Wir hoffen, dieses Tutorial hat Ihnen geholfen zu lernen, wie Sie Ihre Unterkategorien in WordPress ausblenden und deren Stil ändern können. Möglicherweise möchten Sie auch unsere Liste der unverzichtbaren WordPress-Plugins zum Erweitern Ihrer Website oder unser Tutorial zur Anzeige verwandter Beiträge in WordPress ansehen.

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.