Möchten Sie Unterkategorien in WordPress ausblenden oder so gestalten, dass Ihre Kategorieliste besser lesbar ist?
In WordPress können Ihre Beiträge in verschiedene Kategorien und Unterkategorien organisiert werden. Dies hilft bei der Navigation und SEO, aber eine lange Liste von Unterkategorien wird auf Ihrer Website nicht immer gut aussehen.
In diesem Tutorial zeigen wir Ihnen, wie Sie die Unterkategorien ausblenden und ihren Stil mit einem Code-Snippet ändern können.
Warum Unterkategorien in WordPress verwenden?
Wenn Sie Beiträge für Ihre WordPress-Site 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.
Durch das Organisieren Ihrer Posts wird auch die Navigation auf Ihrer Website verbessert, sodass Besucher die gesuchten Inhalte leichter finden können. Sie können sogar Unterkategorien erstellen, wenn die Struktur Ihrer Website komplexer wird.
Beispielsweise könnte ein Reiseblog eine Kategorie für Sehenswürdigkeiten in den Vereinigten Staaten haben. Mit zunehmendem Inhalt 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. So sieht jede Option auf unserer Demonstrationsseite aus.
Sie tun dies, indem Sie besuchen Aussehen » Widgets in Ihrem WordPress-Dashboard und aktivieren Sie das Kontrollkästchen „Hierarchie anzeigen“ in Ihrem Kategorien-Widget.
Aber für welche Option Sie sich auch entscheiden, die Liste wird irgendwann lang und unüberschaubar und sieht auf Ihrer WordPress-Site nicht gut aus.
In dieser Anleitung zeigen wir Ihnen, wie Sie Unterkategorien ausblenden, um die Navigation in Ihrer Kategorieliste zu vereinfachen. Wir zeigen Ihnen auch, wie Sie die Unterkategorien für einen saubereren Look gestalten können.
So verbergen Sie Ihre Unterkategorien in WordPress mit CSS
In diesem Artikel verwenden wir CSS-Codeausschnitte, um Ihre Unterkategorien auszublenden und zu gestalten. Sie können die Snippets direkt zur style.css-Datei Ihres Themes hinzufügen oder sie mit dem 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-Site beschädigen. Wenn Sie neu in der Verwendung von Code-Snippets sind, möchten Sie vielleicht unseren Leitfaden lesen, wie Sie Ihrer WordPress-Site ganz einfach benutzerdefiniertes CSS hinzufügen können.
Schauen wir uns vor diesem Hintergrund an, wie Unterkategorien in WordPress ausgeblendet werden.
Sie müssen den folgenden Code kopieren und in die style.css-Datei Ihres Themes oder Ihren WordPress Theme Customizer einfügen.
.children { display:none; }
Um den Theme Customizer zu verwenden, müssen Sie zuerst zu navigieren Aussehen » Anpassen und klicken Sie dann unten in der Liste auf Zusätzliches CSS. Danach fügen Sie einfach den Code ein und klicken dann auf die Schaltfläche Veröffentlichen.
Sie können jetzt Ihre WordPress-Site besuchen, um sicherzustellen, dass die Unterkategorien ausgeblendet sind. Hier sind Vorher-Nachher-Screenshots von unserer Test-Website.
Das sieht viel sauberer aus, aber jetzt können Ihre Besucher die Unterkategorien nicht sehen. Vielleicht möchten Sie unseren Leitfaden zum Anzeigen von Unterkategorien auf Ihren WordPress-Kategorieseiten lesen.
Wenn Sie dies tun, sehen Ihre Besucher, wenn sie auf die Kategorie USA 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 ab und davon, was Sie an der Art und Weise ändern möchten, wie sie in Ihrem aktuellen Design aussehen.
Wenn Sie beispielsweise Ihre Unterkategorien in einer Hierarchie anzeigen, können Sie durch Hinzufügen vertikaler Balken schnell erkennen, welche Kategorien sich auf derselben Ebene befinden. Schauen wir uns an, wie das geht.
Das Ändern des Stils Ihrer Unterkategorien erfolgt nach dem gleichen Verfahren wie das Ausblenden. Sie müssen den folgenden Code kopieren und in style.css oder den 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.
Sobald Sie dies getan haben, können Sie Ihre WordPress-Site besuchen, um eine Vorschau der Änderungen anzuzeigen. Hier sind Vorher-Nachher-Screenshots von unserer Test-Website.
Fühlen Sie sich frei, Anpassungen am Code vorzunehmen, um den Stil an Ihren Geschmack anzupassen.
Sie können CSS auch verwenden, um andere Elemente Ihres WordPress-Themas zu gestalten. Beispielsweise können Sie CSS verwenden, um einzelne Kategorien unterschiedlich zu gestalten.
Wir hoffen, dass dieses Tutorial Ihnen geholfen hat, zu lernen, wie Sie Ihre Unterkategorien in WordPress ausblenden und ihren Stil ändern können. Vielleicht möchten Sie sich auch unsere Liste der unverzichtbaren Plugins ansehen, um Ihre Website zu erweitern.
Wenn Ihnen dieser Leitfaden gefallen hat, ziehen Sie bitte in Betracht, unseren zu abonnieren Youtube Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.