Kompletny przewodnik po tworzeniu niestandardowego szablonu kategorii WordPress (2023)

Opublikowany: 2022-11-21

Szukasz sposobu na tworzenie niestandardowych kategorii w swojej witrynie WordPress? Kategorie są ważną częścią każdej witryny, ponieważ pomagają uporządkować zawartość i ułatwiają odwiedzającym znalezienie tego, czego szukają. Gdy odwiedzający witrynę kliknie określoną kategorię w Twojej witrynie, zostanie przeniesiony na stronę kategorii, na której może wyświetlić całą zawartość związaną z tą kategorią.

Motywy WordPress zazwyczaj mają wbudowane szablony do prezentacji stron kategorii, ale nie wszystkie motywy radzą sobie równie dobrze ze stronami kategorii, dlatego możesz chcieć utworzyć własny szablon kategorii WordPress lub dostosować sposób wyświetlania treści.

W zależności od Twojej witryny możesz nawet chcieć dostosować wygląd każdej strony kategorii, co oznacza, że ​​będziesz musiał zmienić lub utworzyć nowy szablon kategorii. W tym artykule dowiesz się, jak utworzyć niestandardową stronę kategorii w WordPress.

Dlaczego chcesz utworzyć niestandardowy szablon kategorii WordPress?

Twój motyw WordPress określi wygląd domyślnego szablonu strony kategorii – i może nie być w twoim guście, a nawet nie pasować do twoich treści. Możesz znaleźć się w sytuacji, w której chcesz zachować motyw, ale chcesz zmienić jeden element na stronie kategorii. Oto, gdzie wchodzi w grę tworzenie niestandardowej strony kategorii w WordPress. Może chcesz:

  • Dodaj obraz banera nad listą kategorii
  • Dodaj obraz obok tytułu każdej kategorii, aby poprawić nawigację i wykrywalność
  • Przeprojektowanie listy kategorii
  • Dodaj funkcje, takie jak menu rozwijane, aby wybrać różne kategorie lub podkategorie
  • Zmień kolory listy kategorii lub dodaj obraz tła
  • Wyświetlaj różne listy kategorii na różnych stronach swojej witryny
  • Dodaj opis określonych kategorii na swojej stronie
  • Zmień wybrany szablon kategorii, aby wyglądał inaczej niż pozostałe

W ostatecznym rozrachunku dostosowanie szablonu kategorii może pomóc poprawić wygląd i sposób działania witryny oraz poprawić komfort korzystania z niej przez użytkowników, ponieważ użytkownicy będą mieli więcej czasu na wyszukiwanie treści według kategorii.

Jak utworzyć szablon kategorii niestandardowych w WordPress

Następnie pokażemy, jak używać różnych metod do tworzenia niestandardowej strony kategorii w WordPress. Niektóre z tych metod są bardziej złożone niż inne.

Obraz kodu na ekranie

Metoda 1: Modyfikowanie plików szablonów

WordPress generuje strony poszczególnych kategorii dla wszystkich Twoich kategorii, co generuje adres URL w następujący sposób: https://example.com/category/fashion

Jeśli chcesz dostosować sposób wyświetlania stron kategorii WordPress, musisz edytować szablon. Najpierw musisz określić, którą stronę w hierarchii szablonów chcesz zmienić.

WordPress szuka szablonu we wstępnie zdefiniowanej hierarchicznej kolejności: category-slug.php → category-id.php → category.php → archive.php → index.php .

WordPress będzie szukał każdego z tych plików po kolei, próbując załadować stronę kategorii, a jeśli nie może go znaleźć, przesuwa się w górę hierarchii. Rozpocznie się od szablonu category-slug, np. category-fashion.php w powyższym przykładzie.

Jeśli nie może znaleźć szablonu kategorii-slug, przesunie się w górę hierarchii, aby znaleźć szablon z numerem identyfikacyjnym kategorii, np. category-2.php. Następnie wyszuka ogólny szablon kategorii o nazwie category.php.

Jeśli WordPress nie może znaleźć kategorii ogólnej, poszuka szablonu archiwum, takiego jak archive.php. Jeśli to nie istnieje, przenosi się do index.php, aby wyświetlić kategorię.

Jeśli chcesz zmienić konkretny szablon kategorii, musisz zidentyfikować identyfikator kategorii i zmienić plik php z identyfikatorem kategorii lub użyć ślimaka, aby wprowadzić zmiany lub uzupełnienia. Możesz także zmienić plik category.php, aby zmienić szablon dla wszystkich kategorii, ale możesz także użyć tagów warunkowych w pliku category.php, aby edytować szablon dla jednej określonej kategorii, bez konieczności tworzenia pojedynczych plików. Później pokażemy Ci, jak to zrobić.

Możesz zlokalizować odpowiedni plik, przechodząc do WordPress > Wygląd > Motywy > Edytor plików motywu . Z listy plików motywu po prawej stronie kliknij na category.php. Jeśli nie możesz tam znaleźć pliku category.php, poszukaj plików archive.php lub index.php. Możesz utworzyć dowolne brakujące pliki (takie jak category-slug.php) za pomocą SFTP.

Jeśli wykonałeś te kroki, ale nie możesz zlokalizować właściwego pliku, prawdopodobnie używasz WordPress Theme Framework, więc te wskazówki nie będą miały zastosowania.

Jeśli możesz znaleźć powyższe pliki, skopiuj zawartość do edytora tekstu, aby wprowadzić poprawki. Możesz wprowadzać zmiany bezpośrednio w WordPressie, ale może to łatwo zepsuć całą witrynę z powodu błędu PHP, więc nie jest to zalecane. Najlepiej pobrać plik z SFTP, a następnie przesłać poprawioną wersję.

Sposób, w jaki prześlesz nowy plik z powrotem do WordPress, będzie zależał od systemu zarządzania plikami hosta. Zarządzane hosty mogą mieć niestandardowy pulpit nawigacyjny, w którym można przesyłać pliki, podczas gdy inne hosty mogą oferować wspólny menedżer plików, taki jak cPanel. FTP jest powszechną opcją przesyłania plików do zaplecza WordPress.

Większość dobrze zarządzanych hostów WordPress, takich jak Kinsta, będzie miała funkcję przejściową, w której możesz przesłać poprawiony plik szablonu kategorii i sprawdzić, czy poprawnie zaimplementowałeś zmiany. Jeśli Twój host oferuje tę funkcję, zawsze powinieneś z niej korzystać, aby być po bezpiecznej stronie.

Połącz się z hostem WordPress za pomocą klienta FTP, a następnie prześlij poprawiony plik category-slug.php bezpośrednio do motywu. Wszelkie zmiany wprowadzone w szablonie pojawią się tylko na stronie archiwum tej kategorii.

Korzystając z tej metody, możesz tworzyć szablony dla dowolnej liczby kategorii; po prostu upewnij się, że poprawnie nazwałeś swoje pole.

Oto kilka sposobów edytowania stron kategorii:

Dodawanie tekstu nad postami

Jeśli chcesz dodać statyczny tekst nad swoimi postami (np. tekst, który pozostaje taki sam, niezależnie od tego, które posty są wyświetlane poniżej), musisz dodać następujący fragment kodu nad sekcją Pętla w pliku szablonu:

 <p> This is some text that will display at the top of the Category page. </p>

Dodanie nazwy kategorii na górze strony

Jeśli nie jest to jeszcze częścią Twojego szablonu, możesz dodać ten kod nad pętlą:

 <p>Category: <?php single_cat_title(); ?></p>

Wyświetlanie obrazów połączonych z pełnymi postami

Jeśli chcesz zastąpić treść posta obrazami, które prowadzą do pełnych postów, musisz umieścić polecane obrazy w sekcjach fragmentów posta. Następnie umieść ten kod w szablonie zamiast _content:

 <a href="<?php the_permalink() ?>"> <?php the_excerpt_rss(); ?> <?php the_excerpt_rss(); ?> </a>

Metoda 2: Dodawanie tagów warunkowych

Za każdym razem, gdy tworzysz szablony dla swojego motywu, powinieneś określić, czy naprawdę potrzebujesz osobnego szablonu, aby robić to, co chcesz robić. Czasami zmiany, które sobie wyobrażałeś, nie są zbyt skomplikowane i możesz je zaimplementować, dodając tagi warunkowe do ogólnego szablonu, np. category.php.

Znaczniki warunkowe mogą być używane w plikach szablonów w celu zmiany wyświetlanych treści i sposobu ich wyświetlania na określonej stronie, w zależności od tego, jakie warunki są dopasowane do tej strony.

Możesz użyć metody tagów warunkowych dla różnych scenariuszy, takich jak:

  • Chcesz wyświetlić linię tekstu tylko dla określonej kategorii
  • Chcesz wyświetlić liczbę postów dla określonej kategorii
  • Chcesz najpierw wyświetlić najstarszą treść dla określonej kategorii

WordPress obsługuje kilka tagów warunkowych, np. tag is_category (). Możesz użyć tego do zmiany szablonów, aby wyświetlić inne dane wyjściowe, jeśli spełniony jest warunek. Na przykład, jeśli masz w witrynie kategorię o nazwie „Moda”, możesz dodać kategorię is_category („Moda”) do pliku szablonu, a następnie użyć dodatkowego kodu, aby określić, co ma się stać po wybraniu tej kategorii. Może to obejmować wyświetlanie zdjęcia sukienki lub tygodnia mody na stronie tej kategorii.

Proces edytowania plików szablonów w celu uwzględnienia tagów warunkowych jest dokładnie taki sam, jak opisano powyżej.

Metoda 3 (zalecana): użyj Codeable

Obie te metody są wykonalne, jeśli jesteś dość obeznany z technologią. Zaletą samodzielnego kodowania jest to, że możesz dostosować szablony kategorii, aby wyglądały dokładnie tak, jak chcesz. Jeśli jednak nie jesteś zaznajomiony z kodowaniem, prawdopodobnie najlepiej nie eksperymentować z samodzielnym wprowadzaniem zmian.

Możesz użyć edytora witryn WordPress jako szybkiej poprawki, ale jego możliwości są bardzo ograniczone i prawdopodobnie nie będziesz w stanie utworzyć strony kategorii, która dokładnie spełnia Twoje wymagania.

Kodowalna strona docelowa

Najlepszym rozwiązaniem jest skorzystanie z Codeable, platformy dla freelancerów WordPress. Codeable sprawia, że ​​znalezienie i zatrudnienie programisty WordPress jest dostępne i niedrogie dla każdego, dzięki czemu możesz łatwo znaleźć programistę z wiedzą i doświadczeniem do modyfikowania szablonów stron kategorii.

Codeable korzysta wyłącznie ze sprawdzonych freelancerów WordPress, do których można uzyskać dostęp w trzech prostych krokach: krótki opis, połączenie i współpraca.

Aby skorzystać z Codeable, odwiedź witrynę i prześlij swój projekt, opisując, czego potrzebujesz. Odpowiedź od Codeable zajmuje średnio 3-5 godzin. W tym momencie zostaniesz dopasowany do 1-5 programistów WordPress, którzy mogą ukończyć Twój projekt za Ciebie.

Możesz rozmawiać z każdym programistą, aby zobaczyć, który najlepiej pasuje do Twojego projektu. Otrzymasz jedną wycenę, która ułatwi podjęcie decyzji o zatrudnieniu na podstawie jakości (zamiast od razu wybrać najtańszą opcję).

Wybrany programista utworzy niestandardową stronę kategorii w WordPress zgodnie z Twoimi wymagającymi standardami.

Utwórz niestandardową stronę kategorii WordPress za pomocą Codeable

Jeśli chcesz poprawić UX swojej witryny, zachęcić odwiedzających do sprawdzenia określonych treści lub po prostu ulepszyć mniej niż idealny domyślny projekt szablonu, musisz utworzyć niestandardową stronę kategorii dla swojej witryny WordPress.org w jednym etap czy inny.

Jest to szczególnie ważne, jeśli podoba Ci się motyw WordPress, ale nie podoba Ci się szablon kategorii – jedyną opcją jest utworzenie niestandardowego szablonu.

Jeśli masz pewność co do swoich umiejętności kodowania, możesz samodzielnie wprowadzić te zmiany. Ale jeśli jesteś nowicjuszem, Codeable to najlepszy sposób na znalezienie programistów WordPress w przystępnej cenie do tworzenia niestandardowych stron dla swoich kategorii.

Twój programista WordPress stworzy szablon, który będzie wyglądał dokładnie tak, jak chcesz. Nie ma ryzyka spowodowania błędu kodu, który spowoduje awarię lub całkowite zniszczenie strony.

Dlaczego nie przesłać swojego projektu i otrzymać bezpłatną wycenę już dziś? Tylko kilka kroków dzieli Cię od uzyskania strony z niestandardowymi kategoriami, która dokładnie odpowiada Twoim wymaganiom.