Hierarchia szablonów

Hierarchia szablonów WordPressa to system używany do określania, które pliki szablonów mają być używane podczas wyświetlania dowolnej strony w witrynie. Hierarchia ta pozwala na dużą elastyczność i dostosowanie sposobu wyświetlania różnych typów treści, stron, postów i kategorii w witrynie. Zrozumienie, jak działa hierarchia szablonów, pomoże ci skutecznie dostosować motyw WordPress.

Oto szczegółowe spojrzenie na to, jak działa hierarchia szablonów WordPress:

Czym jest hierarchia szablonów WordPress?

Hierarchia szablonów to zestaw reguł, według których WordPress wybiera plik(i) szablonu do użycia podczas renderowania strony. Szablony te są przechowywane w folderze motywu i umożliwiają WordPressowi dynamiczne generowanie prawidłowego układu i projektu w oparciu o rodzaj wyświetlanej treści.

Na przykład:

• Wyświetlając pojedynczy wpis na blogu, WordPress najpierw wyszuka szablon o nazwie single.php. Jeśli go nie znajdzie, przesunie się w dół hierarchii, szukając alternatyw, takich jak index.php.
• Podczas wyświetlania strony kategorii, WordPress będzie najpierw szukał category-slug.php lub category-ID.php i tak dalej.

Podstawowe pliki szablonów w WordPress

Każdy motyw WordPress ma kilka podstawowych plików szablonów. Oto najpopularniejsze z nich:

• index.php: Szablon awaryjny dla wszystkich stron, jeśli nie są dostępne inne, bardziej specyficzne szablony.
• header.php: Definiuje sekcję nagłówka witryny (np. logo, nawigacja).
• footer.php: Definiuje sekcję stopki witryny (np. informacje o prawach autorskich, widżety stopki).
• single.php: Wyświetla pojedyncze wpisy na blogu.
• page.php: Wyświetla pojedyncze strony.
• archive.php: Wyświetla strony archiwum (np. kategorie, tagi, autorów).
• category.php: Wyświetla strony archiwum kategorii.
• tag.php: Wyświetla strony archiwum tagów.
• search.php: Wyświetla strony wyników wyszukiwania.
• 404.php: Wyświetla stronę błędu 404, gdy strona nie zostanie znaleziona.

Jak działa hierarchia szablonów WordPress

WordPress określa, którego szablonu użyć w oparciu o typ żądanej treści. Omówmy kilka typowych rodzajów stron i sposób, w jaki WordPress wybiera szablon:

1. Pojedynczy post (single.php)

Podczas wyświetlania pojedynczego posta WordPress będzie szukał następujących szablonów w tej kolejności:

1. single-{post-type}.php (dla niestandardowych typów postów, np. single-product.php)
2. single.php
3. index.php

2. Strona (page.php)

Podczas wyświetlania pojedynczej strony (takiej jak strona O nas lub Kontakt), WordPress będzie postępował zgodnie z tą kolejnością:

1. custom-page-slug.php (jeśli strona ma niestandardowy szablon)
2. page-{slug}.php (np. page-about.php)
3. page-{ID}.php (np. page-2.php)
4. page.php
5. index.php

3. Archiwum kategorii (category.php)

W przypadku stron archiwum kategorii (np. lista postów w określonej kategorii) hierarchia jest następująca:

1. category-{slug}.php (np. category-news.php)
2. category-{ID}.php (np. category-3.php)
3. category.php
4. archive.php
5. index.php

4. Archiwum tagów (tag.php)

Dla stron archiwum tagów WordPress używa:

1. tag-{slug}.php (np. tag-recipes.php)
2. tag-{ID}.php
3. tag.php
4. archive.php
5. index.php

5. Niestandardowe typy postów

Niestandardowe typy postów mogą mieć własne szablony. WordPress szuka:

1. single-{post-type}.php (np. single-product.php)
2. single.php
3. index.php

Podobnie w przypadku archiwów niestandardowych typów postów:

1. archive-{post-type}.php (np. archive-product.php)
2. archive.php
3. index.php

6. Archiwum autorów (author.php)

W przypadku stron autorskich WordPress stosuje następującą hierarchię:

1. author-{nicename}.php (np. author-john.php)
2. author-{ID}.php
3. author.php
4. archive.php
5. index.php

7. Wyniki wyszukiwania (search.php)

Podczas wyświetlania wyników wyszukiwania WordPress stosuje następującą kolejność:

1. search.php
2. index.php

8. strona błędu 404 (404.php)

Gdy strona nie zostanie znaleziona, WordPress używa:

1. 404.php
2. index.php

9. Archiwum dat (date.php)

W przypadku archiwów opartych na datach WordPress używa:

1. date.php
2. archive.php
3. index.php

10. Strona główna

WordPress oferuje dwie opcje strony głównej: indeks bloga lub stronę statyczną.

• Dla indeksu bloga:
  1. home.php
  2. index.php
• Dla statycznej strony głównej:
  1. front-page.php
  2. home.php
  3. page.php
  4. index.php

Wizualna reprezentacja hierarchii szablonów

Oto uproszczony wizualny przepływ, aby lepiej zrozumieć hierarchię:

• Pojedynczy post: single-{post-type}.php → single.php → index.php
• Strona: custom-page-slug.php → page-{slug}.php → page.php → index.php
• Archiwum kategorii: category-{slug}.php → category.php → archive.php → index.php
• Archiwum tagów: tag-{slug}.php → tag.php → archive.php → index.php
• Archiwum autora: author-{nicename}.php → author.php → archive.php → index.php
• Wyniki wyszukiwania: search.php → index.php
• błąd 404: 404.php → index.php
• Strona główna: front-page.php → home.php → index.php

Dostosowywanie hierarchii szablonów

Niestandardowe szablony można tworzyć zgodnie z konwencjami nazewnictwa hierarchii. Na przykład, aby utworzyć niestandardowy szablon dla określonej kategorii (np. “Wiadomości”), utwórz plik o nazwie category-news.php i umieść go w folderze motywu. WordPress automatycznie użyje tego szablonu podczas wyświetlania postów z kategorii “Aktualności”.

Ponadto można zastąpić domyślne szablony, tworząc bardziej szczegółowe pliki szablonów, takie jak single-product.php dla niestandardowego typu postu lub page-about.php dla określonej strony.

Wskazówki dotyczące pracy z hierarchią szablonów

1. Używanie tagów warunkowych: Możesz użyć tagów warunkowych, takich jak is_single(), is_page() lub is_category() w index.php lub innych szablonach, aby zastosować określony kod do określonych typów treści.
2. Części szablonu: Użyj get_template_part(), aby dołączyć fragmenty kodu wielokrotnego użytku (np. wspólny nagłówek lub stopkę) do wielu szablonów.
3. Motywy podrzędne: Jeśli wprowadzasz zmiany w istniejącym motywie, utwórz motyw potomny, aby móc modyfikować szablony bez wpływu na oryginalne pliki motywu.
4. Debugowanie: Jeśli nie masz pewności, którego szablonu WordPress używa dla określonej strony, możesz użyć wtyczek takich jak What The File, aby się tego dowiedzieć.

Wnioski

Hierarchia szablonów WordPress to potężny system, który zapewnia programistom elastyczność w tworzeniu niestandardowych układów dla różnych typów treści. Zrozumienie hierarchii pozwala kontrolować sposób, w jaki witryna WordPress wyświetla różne typy treści, zapewniając spójne i unikalne wrażenia użytkownika. Niezależnie od tego, czy tworzysz niestandardowe szablony dla określonych stron, czy dostosowujesz układy archiwum, opanowanie hierarchii szablonów zapewni ci kontrolę potrzebną do precyzyjnego dostrojenia witryny WordPress.