So zeigen Sie Blog -Beiträge nach Kategorien in WordPress mit Elementor an

Wenn Sie eine WordPress -Site ausführen, veröffentlichen Sie wahrscheinlich verschiedene Arten von Blog -Posts. Einige können Tutorials, andere Nachrichten -Updates, Produktbewertungen oder persönliche Geschichten sein. Aber wenn alles zusammengemischt ist, kann es für Ihre Leser schwierig sein, auf der Archivseite zu finden, wonach sie suchen.

Hier kommen Kategorien ins Spiel. Mit Kategorien in WordPress können Sie Ihre Blog -Beiträge in verschiedene Abschnitte organisieren. Zum Beispiel kann ein Reiseblog Kategorien wie "Asien", "Europa" und "Tipps" haben. In einem Online -Shop -Blog kann Kategorien wie "Produktführer", "Kundengeschichten" und "Updates" verwendet werden.

Indem Sie Ihre Inhalte gruppieren, erleichtern Sie es Besuchern, Ihre Website zu durchsuchen und nur die Beiträge zu lesen, die sie interessieren. In diesem Blog -Beitrag werden wir mit dem Elementor -Plugin eine detaillierte Anleitung zum Anzeigen von Blog -Posts nach Kategorien in WordPress abdecken.

Warum Elementor?

Elementor ist einer der beliebtesten Seitenbauer für WordPress mit über 10 Millionen aktiven Installationen. Weil es Ihnen die volle Designfreiheit gibt, ohne eine einzige Codezeile zu schreiben. Mit dem Drag-and-Drop-Editor können Sie problemlos benutzerdefinierte Layouts erstellen und Ihre Blog-Beiträge genau dort platzieren, wo Sie möchten.

Wenn Sie also ein No-Code-Benutzer sind, der nach der einfachsten Lösung sucht, um komplexe Weblayouts zu erstellen, sollte Elementor ganz oben in Ihrer Liste stehen. Ein weiterer großer Grund, Elementor zu verwenden, ist die breite Palette von Widgets und Flexibilität. Sie können Widgets wie Post -Grid, Postliste oder Archiv -Beiträge verwenden, um Blog -Posts nach Kategorien in verschiedenen Stilen anzuzeigen.

Diese Flexibilität bedeutet, dass Sie bestimmte Kategorien auf Ihrer Homepage hervorheben, kategorienbasierte Zielseiten erstellen oder ein vollständig benutzerdefiniertes Blog-Archiv entwerfen können, ohne Code zu berühren. Aus diesem Grund werden wir das Elementor -Plugin verwenden, um den Prozess in diesem Tutorial zu erläutern.

So zeigen Sie Blog-Beiträge nach Kategorien in WordPress: Schritt-für-Schritt-Anleitung

Personen zeigen normalerweise Blog -Beiträge nach Kategorien auf der Archivseite an. Es gibt mehrere Möglichkeiten, wie Sie dies tun können. Dafür benötigen Sie jedoch die folgenden Plugins auf Ihrer Website:

Sobald diese Plugins auf Ihrer Website fertig sind, lassen Sie uns den folgenden Vorgang erkunden.

Methode eins: Erstellen von Kategoriemenüs

Wir benötigen die folgenden Widgets für diese Methode. Mit dem Post -Widget erstellen wir das Postgitter. Danach erstellen wir im Menü NAV das Kategoriemenü. Auf diese Weise können Benutzer Beiträge durch Schalten der Kategorien erkunden.

• Beiträge
• WordPress -Menü

Schritt 01: Öffnen Sie eine Archivseite aus dem Themenbuilder

Wie bereits erwähnt, zeigen die Leute normalerweise gerne ihre Blog -Beiträge nach Kategorie auf der Archivseite. Und Sie brauchen den Themenbauer, um die Archivseite zu erstellen.

Ich hoffe, Sie wissen bereits, wie man den Themenbauer öffnet. Navigieren Sie zu Vorlagen> Theme Builder .

Kommen Sie zur Archivoption . Klicken Sie auf die Schaltfläche + neue Schaltfläche hinzufügen, um eine Archivseite zu erstellen.

Schritt 02: Ziehen Sie das Post -Widget in Ihren Container ab und lassen Sie sie ab.

Suchen Sie das Post -Widget . Ziehen Sie es auf den gewünschten Behälter auf der Elementor -Leinwand.

Sobald das Post -Widget hinzugefügt wird, werden die Blog -Beiträge mit Standardlayouts angezeigt.

Schritt 03: Stylize das Post -Widget

Passen Sie jetzt das Layout der Beiträge an und stylieren Sie es, damit es gut aussieht, wie Sie möchten. Wir haben ihre Haut, Typografie, Abstand und viele andere Optionen verändert.

Schritt 04: Erstellen Sie ein Kategoriemenü

Gehen Sie zu Ihrem WordPress -Dashboard . Navigieren Sie zu Aussehen> Menüs . Keine Sorge, wenn Sie dort bereits ein Menü haben.

In diesem Fall müssen Sie ein neues Menü erstellen. Klicken Sie auf die Option Neues Menü erstellen .

Schreiben Sie einen Namen für das Menü. Drücken Sie dann die Schaltfläche Menü erstellen .

Wählen Sie die Kategorien aus, die Sie im Menü anzeigen möchten. Drücken Sie danach die Schaltfläche zur Menü hinzufügen .

Sie werden sehen, dass sich die Kategorien auf die rechte Seite bewegt haben. Sie können ihre Position/Hierarchie durch Ziehen neu ordnen. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche Speichern Menü speichern, um alle Änderungen zu erhalten.

Schritt 05: Zeigen Sie das Kategoriemenü über das Post -Widget an

Kommen Sie zu der Seite, die Sie mit Elementor bearbeiten. Suchen Sie das WordPress -Menü -Widget. Drag-and-drop es über das Post-Widget.

Wählen Sie neben der Menüoption das Kategorienmenü, das Sie vor einiger Zeit im Backend erstellt haben. Wählen Sie einfach den Namen, den Sie zum Speichern des Menüs verwendet haben.

Das Kategoriemenü wird sofort oben im Post -Widget angezeigt.

Schritt 06: Stylize das Kategoriemenü stylieren Sie

Entwerfen Sie aus den Registerkarten von Inhalten und Stil das Kategoriemenü, das gut aussieht und auf die Marke Apparch Ihrer Website ausgerichtet ist.

Schritt 07: Abfrageinstellungen festlegen

Es ist Zeit, das Post -Widget mit dem Kategorimenü zu verknüpfen. Wählen Sie dazu das Widget der Beiträge aus , erweitern Sie den Abschnitt Abfrage und wählen Sie die aktuelle Abfrageoption.

Wenn Sie nun auf die Kategorieoptionen klicken, ändern sich die Blog -Beiträge entsprechend.

Schritt 08: Bedingungen festlegen

Klicken Sie auf das Dropdown -Pfeilsymbol neben der Schaltfläche Veröffentlichung. Klicken Sie aus der Liste der Anzeigebedingungen aus der Liste.

Wählen Sie Kategorien als Suchergebnisbedingung aus.

Speichern Sie den Zustand.

Schritt 09: Vorschau von Beiträgen nach Kategorien

Kommen Sie zur Vorschau -Seite. Klicken Sie nacheinander auf die Menüelemente der Kategorie. Sie werden sehen, dass sich die Beiträge entsprechend ändern.

Daher können Sie Blog -Posts nach Kategorien auf WordPress erstellen und anzeigen. Mit dem Elementor -Plugin.

Methode zwei: Verwenden der Taxonomieliste

Elementor verfügt über das Widget der Taxonomieliste, mit dem Sie Kategorien über Ihr Post -Archiv hinzufügen und Benutzer nach Kategorien Beiträge erkunden können. Überprüfen Sie den folgenden Vorgang.

Schritt 01: Öffnen Sie eine Archivseite aus dem Themenbuilder

Ich hoffe, Sie kennen den Prozess bereits, wie wir ihn erst vor einiger Zeit gezeigt haben. Melden Sie sich in Ihrem WordPress -Dashboard an. Navigieren Sie dann zu Vorlagen> Theme Builder .

Gehen Sie zur Archivoption und öffnen Sie eine Seite, indem Sie auf die Schaltfläche „Neue neue Schaltfläche hinzufügen“ .

Schritt 02: Ziehen Sie das Archivposten -Widget und lassen Sie sie fallen

Finden Sie das Archivposts -Widget. Ziehen Sie es auf Ihre Elementor -Leinwand.

Sie werden sehen, dass alle Ihre Beiträge auf der Leinwand angezeigt wurden.

Stylize das Archivposts -Widget nun so, dass es für Sie gut aussieht. Wir haben einen zweispaltigen Archiv-Postabschnitt erstellt.

Schritt 03: Fügen Sie das Widget der Taxonomieliste hinzu

Stellen Sie vor dem Platzieren des Widgets der Taxonomie einen Container auf die Archivposten. Da der Container das Verwalten und Stylieren des Widgets der Taxonomie -Liste erleichtert.

Sobald der Container hinzugefügt wurde, finden Sie das Widget der Taxonomieliste und platzieren Sie es über den Container.

Nachdem das Widget der Taxonomie -Liste hinzugefügt wurde, sehen Sie den Abschnitt wie diesen. Jetzt müssen Sie Kategorien hinzufügen.

Schritt 04: Kategorien hinzufügen

Das Hinzufügen von Kategorien ist sehr einfach. Navigieren Sie zur Registerkarte Inhalt> Liste . Neben der Quelloption erhalten Sie eine Dropdown -Liste . Wählen Sie von dort Kategorien aus .

Klicken Sie danach auf das Element + hinzufügen . Dadurch wird der Raum geöffnet, damit Sie so viele Kategorien hinzufügen können, wie Sie möchten.

Schreiben Sie einen Namen für die Kategorie. Geben Sie dann aus dem Suchfeld der Kategorien die gewünschte Kategorie ein. Zum Beispiel haben wir Gutenberg eingegeben, um die Kategorie zu erhalten und auszuwählen.

Hinweis: Stellen Sie sicher, dass Sie die Kategorie bereits im Backend gespeichert haben, während Sie Blog -Beiträge erstellen. Andernfalls werden Sie sie nicht im Suchfeld ausgewählten Kategorien auswählen.

Sie können so viele Kategorien hinzufügen, wie Sie möchten. Sehen Sie, dass wir vier Kategorien hinzugefügt haben, aber sie sehen nicht gut aus. Sie müssen sie gemäß der Berufung Ihrer Seite stylieren.

Schritt 05: Stylize die Kategorien

Um Zeit zu sparen, können Sie eine Voreinstellung für die Stylisierung auswählen.

Sie können sie weiter aus der Registerkarte Stil stylieren und sie dem ähnlich aussehen, wie Sie im Bild unten sehen können.

Schritt 06: Bedingungen festlegen und die Seite veröffentlichen

Wenn notwendige Stilisierungen durchgeführt werden, gehen Sie zur Option "Anzeigebedingungen" .

Wählen Sie Kategorien für die Bedingung aus.

Speichern Sie den Zustand.

Schritt 07: Vorschau der Kategoriefunktionalität

Kommen Sie zur Vorschau -Seite. Klicken Sie auf die Kategorien eins nach dem anderen. Sie werden sehen, dass sich die Beiträge nach den Kategorien ändern.

Daher können Sie Ihre Beiträge auf der Archivseite nach Kategorien mit dem Taxonomie -Listen -Widget anzeigen.

Bonus: Versuchen Sie Happyaddons, den Themenbauer kostenlos zu verwenden

Happyaddons ist ein leistungsstarkes Plugin für Elementor, das mit über 130 Widgets und über 24 Funktionen ausgestattet ist, um Ihr Website -Design auf die nächste Ebene zu bringen. Es bietet kreative Design -Tools, erweiterte Funktionen und viele Anpassungsoptionen, die über das hinausgehen, was Sie nur mit Elementor erhalten.

Sowohl kostenlose als auch Premium -Versionen sind verfügbar. Sogar die kostenlose Version ist mit nützlichen Tools geladen, die das Webdesign schneller und einfacher machen.

# Happyaddons Theme Builder (kostenlos)

Eine der herausragenden Funktionen in Happyaddons ist der Themenbauer , der völlig kostenlos zu verwenden ist. Damit können Sie benutzerdefinierte Vorlagen für Ihre WordPress -Site entwerfen, einschließlich Header, Fußzeilen, einzelne Beiträge und Archivseiten. Dies bedeutet, dass Sie nicht auf die Standarddesigns Ihres Themas beschränkt sind.

Wenn es um Blog -Archive geht, können Sie ein Blog -Raster, eine Postliste oder ein Archiv -Post -Widget hinzufügen und sogar ein Taxonomie- oder Kategoriemenü platzieren. Auf diese Weise können Sie Blog-Beiträge nach Kategorien auf stilvolle und benutzerfreundliche Weise anzeigen. Das Anzeigen von Blog -Posts nach Kategorien auf der Archivseite wird also mit dem Happyaddons -Plugin kostenlos.

Überprüfen Sie, wie Sie eine Blog -Post -Vorlage mit Happyaddons erstellen.

# Kostensparende Lösung

Die Verwendung von Happyaddons Theme Builder ist auch eine kostensparende Lösung. Normalerweise ermöglicht Elementor nur Themen -Builder -Funktionen für Pro -Benutzer, für die eine Premium -Lizenz erforderlich ist. Aber mit Happyaddons erhalten Sie eine kostenlose Alternative.

Auf diese Weise können Anfänger, Blogger oder Kleinunternehmer kategorienbasierte Archivseiten erstellen, ohne zusätzliches Geld auszugeben. Sie erhalten das gleiche Anpassungsniveau zu Nullkosten, was Happyaddons zu einer intelligenten Wahl für budgetbewusste Benutzer macht.

Über kategorienbasierte Blog-Layouts hinaus können Happyaddons viel mehr tun. Es umfasst fortschrittliche Widgets wie Advanced Slider, Pricing Table, Testimonial Carousel, Logo Carousel und viele kreative Effekte . Diese ermöglichen es Ihnen, professionelle Websites zu entwerfen, die modern und engagiert aussehen.

Funktionen wie Anzeigebedingungen, Cross-Domain-Kopienpaste und voreingestellte Designs sparen auch Zeit und Mühe im Designprozess.

Endnotizen!

Das Anzeigen von Blog -Posts nach Kategorien in WordPress ist eine der besten Möglichkeiten, um Ihre Inhalte zu organisieren und die Leser zu dem zu führen, was sie wollen. Unabhängig davon, ob Sie Elementor oder Happyaddons verwenden, erleichtert die Erstellung einer klaren Archivseite mit kategorienbasierten Layouts Ihre Website. Es verbessert auch die Benutzererfahrung und hält die Besucher länger engagiert.

Versuchen Sie beim Einrichten Ihrer Kategorienseiten einige Best Practices. Verwenden Sie klare und einfache Kategoriennamen, damit die Leser sie auf einen Blick verstehen. Vermeiden Sie es, zu viele Kategorien zu erstellen. Halten Sie sie fokussiert und bedeutungsvoll. Fügen Sie ein Kategoriemenü oder eine Filteroption oben in Ihrem Blog -Layout hinzu, damit Benutzer die Beiträge schnell erkunden können.

Stellen Sie schließlich sicher, dass Ihr Design reagiert, damit die Besucher sowohl auf Desktop- als auch auf mobilen Geräten reibungslos durch Kategorien stöbern können. Wenn Sie diese Tipps befolgen, können Sie Ihr Blog benutzerfreundlicher, gut strukturierter und visuell ansprechender machen.