Strona kategorii WordPress: Jak stworzyć niestandardową?

Opublikowany: 2022-04-18

Próbujesz utworzyć niestandardową stronę kategorii WordPress, ale nie wiesz, od czego zacząć?

Jeśli prowadzisz bloga, ważne jest, aby Twoje posty były podzielone na kategorie. Ten układ ułatwia czytelnikom znajdowanie określonych tematów w Twojej witrynie.

Jednak domyślna strona kategorii może wyglądać nieatrakcyjnie lub kolidować z ogólnym projektem. Dlatego możesz rozważyć utworzenie niestandardowej strony kategorii WordPress, aby ta treść była bardziej atrakcyjna wizualnie.

Na szczęście możesz dostosować strony kategorii bez dotykania ani jednego wiersza kodu. Możesz zbudować swój szablon za pomocą natywnego edytora witryny WordPress (AKA Gutenberg) lub jednej z kilku popularnych wtyczek do tworzenia stron, a następnie zastosować swój projekt we wszystkich kategoriach.

W tym poście pokażemy dwa różne sposoby tworzenia niestandardowej strony kategorii WordPress:

  1. Korzystanie z natywnego edytora WordPress, który jest w 100% darmowy. Działa to jednak tylko z motywami z blokadą.
  2. Korzystanie z Beaver Builder i Beaver Themer, który jest rozwiązaniem płatnym. Możesz również użyć podobnego podejścia z Elementor Pro, Divi Builder i wieloma innymi narzędziami do tworzenia stron.
Jak stworzyć niestandardową stronę kategorii #WordPress ️
Kliknij, aby tweetować

1. Użyj edytora witryny WordPress

Edytor witryny WordPress to nowa funkcja, która jest stale ulepszana. Umożliwia użytkownikom edycję różnych części ich witryn za pomocą bloków. W rzeczywistości działa podobnie do Edytora bloków – po prostu zastosowano go do szablonów motywów (takich jak strona kategorii).

Zauważ, że Edytor działa tylko z motywami blokowymi, takimi jak Twenty Twenty-Two. Ponadto ta funkcja jest nadal w wersji beta, ale możesz uzyskać do niej dostęp (o ile używasz zgodnego motywu).

Większość motywów WordPress będzie miała domyślną stronę kategorii. Możesz jednak dostosować projekt, aby dopasować go do wyglądu i stylu Twojej witryny. Możesz także dodać pewne funkcje do strony kategorii, takie jak pole wyszukiwania lub wideo.

Przyjrzyjmy się tworzeniu niestandardowej strony kategorii WordPress za pomocą Edytora!

  • Krok 1: Otwórz szablon archiwum w edytorze WordPress
  • Krok 2: Dostosuj szablon

Krok 1: Otwórz szablon archiwum w edytorze WordPress

Aby rozpocząć, przejdź do Wygląd > Edytor na pulpicie WordPress. Jeśli nie widzisz tej opcji, oznacza to, że Twój motyw nie jest jeszcze włączony w bloki. Jeśli nie chcesz przełączać motywów, możesz zamiast tego użyć następnej metody.

Otwórz Edytor witryny WordPress, aby utworzyć niestandardową stronę kategorii WordPress

Wybranie tej opcji spowoduje uruchomienie edytora motywów.

Edytor witryny WordPress

Jak widać, Edytor umożliwia dostosowanie różnych szablonów, takich jak nagłówek i stopka. Aby uzyskać dostęp do wszystkich szablonów, kliknij logo WordPress w lewym górnym rogu i wybierz Szablony . Spowoduje to wyświetlenie listy szablonów dostępnych z Twoim motywem:

Lista szablonów w edytorze witryny WordPress.

Masz również możliwość dodania nowego szablonu. W tym samouczku będziemy edytować stronę Archiwum. Ta strona wyświetla Twoje kategorie postów, tagi i inne archiwa.

Jeśli klikniesz Archiwum , zostaniesz przekierowany do Edytora, gdzie możesz rozpocząć dostosowywanie strony:

Edycja szablonu archiwum w celu utworzenia niestandardowej strony kategorii WordPress

Strona będzie zawierać domyślnie tytuł archiwum i listę postów umieszczonych w tej kategorii. Zobaczmy, jak dostosować te elementy.

Krok 2: Dostosuj szablon

Blok tytułu archiwum wyświetla nazwę kategorii (np. Marketing cyfrowy ). Edytor umożliwia dostosowanie wyglądu tego elementu:

Dostosowywanie tytułu archiwum

Na przykład możesz zmienić kolor tekstu, typografię i wymiary. Możesz także dodać niestandardową klasę CSS, aby jeszcze bardziej spersonalizować tytuł kategorii.

Strona archiwum będzie również zawierać listę wszystkich postów należących do wybranej kategorii. Jeśli używasz motywu Twenty Twenty-Two, lista jest wyświetlana w bloku Query Loop :

Blok pętli zapytań

Możesz zmienić układ swoich postów w panelu Ustawienia . Na przykład możesz dostosować szerokość kanału i zmienić kolor tekstu, tła i linku:

Dostosowywanie bloku pętli zapytań

Jeśli chcesz edytować poszczególne elementy w pętli zapytania (takie jak fragment posta lub data), wystarczy je kliknąć:

Edycja fragmentu posta w bloku Query Loop

Dodatkowo możesz dodać więcej bloków do swojej strony kategorii. Na przykład możesz dołączyć blok Post Author :

Dodawanie bloku autora posta do pętli zapytań

Pamiętaj, że nie musisz wykonywać tego procesu dla każdego posta w pętli zapytań . Możesz wprowadzić zmiany w jednym poście, a zostaną one automatycznie zastosowane do wszystkich.

Kiedy będziesz gotowy, możesz śmiało zapisać swój szablon. Twoje zmiany będą miały wpływ na każdą stronę korzystającą z Twojego szablonu, w tym strony poszczególnych kategorii.

2. Użyj wtyczki do tworzenia stron

Jak widzieliśmy, Edytor Witryn WordPress umożliwia wprowadzanie zmian w szablonie archiwum (co wpłynie na stronę kategorii). Jednak możesz nie używać motywu z blokadą lub szukasz więcej opcji dostosowywania. Alternatywnie możesz chcieć zbudować stronę kategorii od podstaw.

Na szczęście istnieje kilka kreatorów stron, które pomogą Ci zbudować niestandardową stronę kategorii WordPress. W tym samouczku użyjemy Beaver Builder i dodatku Beaver Themer.

Pamiętaj, że do utworzenia szablonu będziesz potrzebować wersji premium wtyczki.

Możesz użyć podobnego podejścia z Elementor Pro, Divi Builder lub dowolnym innym narzędziem do tworzenia stron, które oferuje funkcje budowania motywów.

Oto jak to działa w Beaver Themer.

  • Krok 1: Utwórz nowy szablon
  • Krok 2: Zbuduj stronę kategorii

Krok 1: Utwórz nowy szablon

Po zainstalowaniu i aktywowaniu wtyczki i dodatku Themer przejdź do Beaver Builder > Układy motywów na pulpicie WordPress i kliknij Dodaj nowy . Następnie wprowadź nazwę tytułu strony:

Dodanie nowego szablonu w Beaver Builder, aby utworzyć niestandardową stronę kategorii WordPress

Upewnij się, że Typ jest ustawiony na Układ motywu . W polu Układ wybierz Archiwizuj . Następnie kliknij Dodaj układ motywu .

Na następnej stronie możesz dostosować niektóre ustawienia szablonu. W przypadku lokalizacji musisz wybrać z menu rozwijanego Archiwum kategorii postów:

Ustawienia układu motywu

Możesz zastosować szablon do wszystkich kategorii lub wybrać konkretną kategorię z menu rozwijanego. Kiedy będziesz gotowy, kliknij Uruchom Beaver Builder .

Krok 2: Zbuduj stronę kategorii

Beaver Builder posiada przyjazny dla użytkownika edytor typu „przeciągnij i upuść”. Możesz utworzyć swoją stronę za pomocą modułów, wierszy i szablonów. Aby uzyskać dostęp do tych funkcji, kliknij znak + w prawym górnym rogu:

Edytor Beaver Builder do tworzenia niestandardowej strony kategorii WordPress

Domyślnie szablon kategorii zawiera tytuł kategorii i powiązane posty. Aby edytować te elementy, wystarczy je zaznaczyć.

Na przykład, jeśli klikniesz moduł Posts , otrzymasz opcje dostosowania układu, stylu, treści i nie tylko:

Edycja modułu Posty w Beaver Builder.

Zachęcamy do zapoznania się z różnymi ustawieniami dla każdej sekcji. Na przykład możesz ustawić układ na murowany oraz zmienić kolor i typografię tytułu posta, fragmentów i innych elementów:

Zmiana układu postów na stronie kategorii

Po zakończeniu pracy nad szablonem kliknij Gotowe , a następnie kliknij Opublikuj . Te ustawienia zostaną teraz zastosowane do stron kategorii, zastępując domyślny szablon!

Idź do góry

Utwórz niestandardową stronę kategorii WordPress już dziś

Strony kategorii umożliwiają użytkownikom przeglądanie postów na określone tematy. Są to istotne części Twojego bloga, dlatego ważne jest, aby były łatwo dostępne, łatwe w nawigacji i atrakcyjne wizualnie. Z tego powodu możesz rozważyć dostosowanie domyślnego szablonu kategorii lub zbudowanie go od podstaw.

Jak stworzyć niestandardową stronę kategorii #WordPress ️
Kliknij, aby tweetować

W tym poście przyjrzeliśmy się dwóm głównym sposobom tworzenia niestandardowej strony kategorii WordPress:

  1. Korzystanie z edytora witryny WordPress.
  2. Korzystanie z narzędzia do tworzenia stron, takiego jak Beaver Builder.

️ Aby zobaczyć inne informacje na temat konkretnych wtyczek do tworzenia stron głównych, które mogą pomóc w dostosowaniu strony kategorii, zapoznaj się z naszym podsumowaniem najlepszych wtyczek do tworzenia stron WordPress.

Masz pytania dotyczące tworzenia niestandardowej strony kategorii WordPress? Daj nam znać w sekcji komentarzy poniżej!

Bezpłatny przewodnik

5 niezbędnych wskazówek, aby przyspieszyć
Twoja witryna WordPress

Skróć czas ładowania nawet o 50-80%
po prostu postępując zgodnie z prostymi wskazówkami.

Pobierz bezpłatny przewodnik