Jak wyświetlać posty na blogu według kategorii w WordPress z Elementor

Jeśli uruchomisz witrynę WordPress, istnieje szansa, że ​​publikujesz różne rodzaje postów na blogu. Niektóre mogą być samouczkami, innymi aktualizacjami wiadomości, recenzjami produktów lub osobistymi historiami. Ale kiedy wszystko jest ze sobą zmieszane, czytelnikom trudno jest znaleźć to, czego szukają na stronie archiwum.

Właśnie tam pojawiają się kategorie. Kategorie w WordPress pozwalają organizować posty na blogu w różne sekcje. Na przykład blog podróży może mieć kategorie takie jak „Azja”, „Europa” i „wskazówki”. Blog sklepu internetowego może korzystać z kategorii, takich jak „przewodniki produktów”, „historie klientów” i „aktualizacje”.

Grupowanie treści ułatwiasz odwiedzającym przeglądanie witryny i czytanie tylko postów, które je interesują. W tym poście na blogu omówimy szczegółowy przewodnik na temat wyświetlania postów na blogu według kategorii w WordPress za pomocą wtyczki Elementor.

Dlaczego Elementor?

Elementor jest jednym z najpopularniejszych konstruktorów stron WordPress, z ponad 10 milionami aktywnych instalacji. Ponieważ daje ci pełną swobodę projektowania bez pisania pojedynczego wiersza kodu. Dzięki edytorowi przeciągania i upuszczania możesz łatwo tworzyć niestandardowe układy i umieścić swoje posty na blogu dokładnie tam, gdzie chcesz.

Tak więc, jeśli jesteś użytkownikiem bez kodu szukającego najłatwiejszego rozwiązania do utworzenia złożonych układów internetowych, Elementor powinien znajdować się na górze listy. Kolejnym ważnym powodem użycia Elementor jest szeroki zakres widżetów i elastyczności. Możesz używać widżetów, takich jak posty postów, lista postów lub archiwum, aby wyświetlać posty na blogu według kategorii w różnych stylach.

Ta elastyczność oznacza, że ​​możesz wyróżnić określone kategorie na swojej stronie głównej, tworzyć strony lądowe oparte na kategorii lub zaprojektować w pełni niestandardowe archiwum blogów, wszystko bez dotykania kodu. Dlatego użyjemy wtyczki Elementor do wyjaśnienia procesu w tym samouczku.

Jak wyświetlać posty na blogu według kategorii w WordPress: przewodnik krok po kroku

Ludzie zwykle wyświetlają posty na blogu według kategorii na stronie archiwum. Istnieje wiele sposobów, aby to zrobić. Ale w tym celu potrzebujesz następujących wtyczek na swojej stronie:

Gdy te wtyczki będą gotowe na Twojej stronie, zbadajmy poniższy proces.

Metoda pierwsza: Tworzenie menu kategorii

Do tej metody potrzebujemy następujących widżetów. Dzięki widżetowi postów utworzymy siatkę post. Następnie, dzięki menu Nav, utworzymy menu kategorii. Umożliwi to użytkownikom eksplorację postów poprzez przełączanie kategorii.

• Posty
• Menu WordPress

Krok 01: Otwórz stronę archiwum od konstruktora motywów

Jak wspomniano wcześniej, ludzie zazwyczaj lubią wyświetlać swoje posty na blogu według kategorii na stronie archiwum. Potrzebujesz konstruktora motywów, aby utworzyć stronę archiwum.

Mam nadzieję, że już wiesz, jak otworzyć konstruktora motywów. Przejdź do szablonów> Builder motywów .

Przyjdź do opcji archiwum . Kliknij przycisk + Dodaj nowy , aby utworzyć stronę archiwum.

Krok 02: Przeciągnij i upuść widżet postów do kontenera

Znajdź widżet postów . Przeciągnij i upuść go na żądany pojemnik na płótnie Elementor.

Po dodaniu widżetu postów posty na blogu będą wyświetlane z domyślnymi układami.

Krok 03: stylizuj widżet postów

Teraz dostosuj i stylizuj układ postów, aby wyglądał dobrze, jak chcesz. Zmieniliśmy jego skórę, typografię, odstępy i wiele innych opcji.

Krok 04: Utwórz menu kategorii

Przejdź do pulpitu WordPress . Przejdź do wyglądu> menu . Nie martw się, jeśli masz już tam menu.

W takim przypadku musisz utworzyć nowe menu. Kliknij opcję Utwórz nowe menu .

Napisz nazwę menu. Następnie naciśnij przycisk Utwórz menu .

Wybierz kategorie, które chcesz wyświetlić w menu. Następnie naciśnij przycisk Dodaj do menu .

Zobaczysz, że kategorie przeniosły się na prawą stronę. Możesz zmienić ich pozycję/hierarchię, przeciągając. Po zakończeniu kliknij przycisk Zapisz menu , aby zachować wszystkie zmiany.

Krok 05: Wyświetl menu kategorii nad widżetem postów

Przyjdź na stronę, którą edytujesz z Elementor. Znajdź widżet menu WordPress . Przeciągnij i przeciągnij widżet postów.

Obok opcji menu wybierz menu kategorii utworzone na backend jakiś czas temu. Wystarczy wybrać nazwę używaną do zapisania menu.

Menu kategorii pojawi się od razu na widżecie postów.

Krok 06: Stylizuj menu kategorii

Z zakładek treści i stylu zaprojektuj menu kategorii, które wygląda dobrze i jest zgodne z atrakcyjnością marki Twojej witryny.

Krok 07: Ustaw ustawienia zapytania

Czas połączyć widżet postów do menu kategorii. Aby to zrobić, wybierz widżet postów , rozwinąć sekcję zapytania i wybierz bieżącą opcję zapytania .

Teraz, jeśli klikniesz opcje kategorii, posty na blogu odpowiednio się zmienią.

Krok 08: Ustaw warunki

Kliknij ikonę strzałki rozwijanej obok przycisku publikacji. Naciśnij opcję Warunki wyświetlania z listy.

Wybierz kategorie jako warunek wyników wyszukiwania.

Zapisz warunek.

Krok 09: Podgląd postów według kategorii

Przyjdź na stronę podglądu. Kliknij elementy menu kategorii jeden po drugim. Zobaczysz, że posty odpowiednio się zmieniają.

Dlatego możesz tworzyć i wyświetlać posty na blogu według kategorii w WordPress za pomocą wtyczki Elementor.

Metoda druga: Korzystanie z listy taksonomii

Elementor ma widżet listy taksonomii, według którego możesz dodawać kategorie oprócz archiwum postu i pozwolić użytkownikom eksplorować posty według kategorii. Sprawdź poniższy proces.

Krok 01: Otwórz stronę archiwum od konstruktora motywów

Mam nadzieję, że już znasz ten proces, jak pokazaliśmy go zaledwie jakiś czas temu. Zaloguj się do pulpitu WordPress. Następnie przejdź do szablonów> Builder motywów .

Przejdź do opcji archiwum i otwórz stronę , klikając przycisk + Dodaj nowy .

Krok 02: Przeciągnij i upuść widżet postów archiwum

Znajdź widżet postów archiwów . Przeciągnij i upuść na płótnie Elementor.

Zobaczysz, że wszystkie twoje posty zostały wyświetlone na płótnie.

Teraz stylizuj widżet postów archiwum w taki sposób, który wygląda dobrze. Stworzyliśmy sekcję Post dwukolumnową archiwum.

Krok 03: Dodaj widżet listy taksonomii

Przed umieszczeniem widżetu listy taksonomii umieść pojemnik na stanowiskach archiwum. Ponieważ kontener ułatwi zarządzanie widżetem listy taksonomii.

Po dodaniu kontenera znajdź widżet listy taksonomii i umieść go nad kontenerem.

Po dodaniu widżetu listy taksonomii zobaczysz taką sekcję. Teraz musisz dodać kategorie.

Krok 04: Dodaj kategorie

Dodanie kategorii jest bardzo proste. Przejdź do karty treści> lista . Obok opcji źródłowej otrzymasz listę rozwijaną . Stamtąd wybierz kategorie .

Następnie kliknij element + Dodaj . To otworzy miejsce, aby dodać tyle kategorii, ile chcesz.

Napisz nazwę dla kategorii. Następnie, w polu wyszukiwania kategorii Wybierz , wpisz żądaną kategorię. Na przykład wpisaliśmy Gutenberga, aby uzyskać i wybrać kategorię.

Uwaga: upewnij się, że zapisałeś już kategorię w backend podczas tworzenia postów na blogu. W przeciwnym razie nie dostaniesz ich w polu wyszukiwania kategorii Wybierz.

Możesz dodać tyle kategorii, ile chcesz. Zobacz, że dodaliśmy cztery kategorie, ale nie wyglądają dobrze. Musisz je stylizować zgodnie z apelacją swojej strony.

Krok 05: stylizuj kategorie

Aby zaoszczędzić czas, możesz wybrać ustawienie wstępne do stylizacji.

Możesz je dalej stylizować z zakładki Style i sprawić, by wyglądają podobnie do tej, jak widać na poniższym obrazku.

Krok 06: Ustaw warunki i opublikuj stronę

W razie potrzeby stylizacje, przejdź do opcji Warunki wyświetlania .

Wybierz kategorie dla tego warunku.

Zapisz warunek.

Krok 07: Podgląd funkcjonalności kategorii

Przyjdź na stronę podglądu. Kliknij kategorie jeden po drugim. Zobaczysz, że posty się zmieniają zgodnie z kategoriami.

Dlatego możesz wyświetlać swoje posty na stronie archiwum według kategorii za pomocą widżetu listy taksonomii.

Bonus: spróbuj HappyAddons, aby użyć Builder Teme za darmo

HappyAddons to potężna wtyczka dla Elementor, która jest wyposażona w 130+ widżetów i 24 funkcje , które przeniesie projekt witryny na wyższy poziom. Oferuje kreatywne narzędzia projektowe, zaawansowane funkcje i wiele opcji dostosowywania, które wykraczają poza to, co dostajesz z samym Elementor.

Dostępne są zarówno wersje bezpłatne, jak i premium. Nawet bezpłatna wersja jest ładowana przydatnymi narzędziami, które sprawiają, że projektowanie stron internetowych są szybsze i łatwiejsze.

# HappyAddons Builder Teme Builder (bezpłatny)

Jedną z wyróżniających się funkcji w HappyAddons jest konstruktor motywów , który jest całkowicie bezpłatny. Dzięki temu możesz zaprojektować niestandardowe szablony dla swojej witryny WordPress, w tym nagłówkach, stopkach, pojedynczych postach i stron archiwum. Oznacza to, że nie ograniczasz się do domyślnych projektów swojego motywu.

Jeśli chodzi o archiwa blogów, możesz dodać siatkę blogów, listę postów lub archiwum widget, a nawet umieścić na górze menu taksonomii lub kategorii. Pomaga to wyświetlać posty na blogu według kategorii w stylowy i przyjazny dla użytkownika sposób. Tak więc wyświetlanie postów na blogu według kategorii na stronie archiwum staje się bezpłatne dzięki wtyczce HappyAddons.

Sprawdź, jak utworzyć szablon postu na blogu z HappyAddons.

# Rozwiązanie oszczędzania kosztów

Korzystanie z konstruktora motywów HappyAddons jest również rozwiązaniem oszczędzającym koszty. Zwykle Elementor umożliwia funkcjom konstruktora motywów tylko użytkownikom Pro, który wymaga licencji premium. Ale dzięki Happyaddons otrzymasz bezpłatną alternatywę.

To umożliwia początkującym, blogerom lub właścicielom małych firm tworzenie stron archiwum opartych na kategorii bez wydawania dodatkowych pieniędzy. Otrzymujesz ten sam poziom dostosowywania przy zerowym koszcie, co sprawia, że ​​HappyAddons jest inteligentnym wyborem dla użytkowników świadomych budżetu.

Oprócz układów blogów opartych na kategorii HappyAddons może zrobić znacznie więcej. Obejmuje zaawansowane widżety, takie jak zaawansowany suwak, stół cenowy, karuzel z logo, logo i wiele kreatywnych efektów . Umożliwiają one projektowanie profesjonalnych stron internetowych, które wyglądają nowoczesne i wciągające.

Funkcje takie jak warunki wyświetlania, cross-Domain Copy-Paste i Preset Designs również oszczędzają czas i wysiłek w procesie projektowania.

Zakończenie notatek!

Wyświetlanie postów na blogu według kategorii w WordPress jest jednym z najlepszych sposobów uporządkowania treści i prowadzenia czytelników tego, czego chcą. Niezależnie od tego, czy używasz Elementor, czy HappyAddons, tworzenie wyraźnej strony archiwum z układami opartymi na kategorii ułatwia nawigację. Poprawia także wrażenia użytkownika i utrzymuje zaangażowanie odwiedzających dłużej.

Podczas konfigurowania stron kategorii spróbuj postępować zgodnie z najlepszymi praktykami. Użyj jasnych i prostych nazw kategorii, aby czytelnicy rozumieją je na pierwszy rzut oka. Unikaj tworzenia zbyt wielu kategorii. Utrzymuj je skupione i znaczące. Dodaj menu kategorii lub opcję filtrowania u góry układu bloga, aby pomóc użytkownikom szybko eksplorować posty.

Na koniec upewnij się, że Twój projekt jest responsywny, aby goście mogą płynnie przeglądać kategorie zarówno na urządzeniach stacjonarnych, jak i mobilnych. Postępując zgodnie z tymi wskazówkami, możesz sprawić, że Twój blog jest bardziej przyjazny dla użytkownika, dobrze zorganizowany i atrakcyjny wizualnie.