Zrozumienie hierarchii szablonów WordPress w celu szybszego rozwoju

Tworzenie motywu WordPress nie jest nauką rakietową. Jeśli zaczniesz od podstaw, możesz łatwo zagłębić się w tworzenie motywów WordPress. Ale zanim pogrążysz się w hardkorowych programach, absolutnie konieczne jest zrozumienie hierarchii szablonów WordPress i hierarchii motywów WordPress . Strony w witrynie WordPress są budowane przy użyciu pojedynczego pliku szablonu lub kombinacji plików szablonów, które są wymagane w określonym obszarze strony internetowej.

Oto kilka przykładów plików hierarchii szablonów WordPress:

1. Index.php
2. Sidebar.php
3. Nagłówek.php
4. stopka.php

Znajdują się w folderze wp-content/themes/theme-name . Istnieje wiele plików struktury szablonów WordPress, ale tylko dwa pliki są absolutnie niezbędne do działania motywu WordPress, są to index.php i style.css. Ponadto functions.php (nie uważany za plik szablonu) jest wymaganym plikiem zawierającym funkcje motywu. Aby dodać bardziej niestandardowy wygląd do naszej witryny i poczuć, możemy użyć różnych plików szablonów dostępnych w hierarchii motywów WordPress.

Najpierw, aby zrozumieć, jak renderuje stronę i jak porusza się w górę hierarchii szablonów WordPress, rozważmy ten przykład.

Odwiedzający odwiedza stronę z referencjami w Twojej witrynie WordPress i utworzyłeś niestandardowy szablon strony znany jako page-testimonials.php , WordPress załaduje wtedy page-testimonials.php. Jeśli jednak page-testimonials.php nie istnieje, WordPress załaduje plik page.php, a jeśli page.php nie istnieje w plikach motywu, WordPress załaduje index.php .

Podzielę pliki szablonów na sekcje, aby łatwiej było zrozumieć ich przeznaczenie i miejsce użycia.

Podstawowa hierarchia stron WordPress

Podstawowa hierarchia stron WordPres obejmuje:

1. index.php
2. header.php
3. stopka.php
4. sidebar.php

1. Index.php

Jak wspomniałem wcześniej, index.php jest jednym z plików szablonu w hierarchii stron WordPressa, niezbędnym do działania motywu WordPress. index.php jest najczęściej używany do renderowania strony głównej motywu WordPress. Gdy plik szablonu nie istnieje, np. single.php lub post.php, WordPress ładuje index.php.

Plik index.php zwykle zawiera inne pliki szablonów, takie jak header.php, footer.php i sidebar.php, które zawierają odpowiednio sekcję nagłówka witryny, obszar stopki i paski boczne z obszarami widżetów. Zawiera również pętlę wyświetlającą posty lub strony w szablonie.

2. header.php

Plik header.php zawiera sekcję head witryny WordPress i jest powszechnie nazywany na początku wszystkich plików szablonów. Zwykle zawiera informacje nagłówka, analizy, wywołania plików CSS, nawigację po witrynie, tytuły stron i logo witryny itp.

3. stopka.php

Podobnie footer.php w pliku w hierarchii stron WordPress jest używany do tworzenia sekcji stopki motywu WordPress i wywoływany w sekcji stopki wszystkich plików szablonów. Footer.php zazwyczaj zawiera informacje o prawach autorskich, wywołania plików JS, obszary widżetów, które zwykle mają nawigację w witrynie.

4. sidebar.php

Natomiast sidebar.php, jak sama nazwa wskazuje, służy do budowania paska bocznego witryny i jest wywoływany w plikach szablonów, takich jak index.php, page.php, single.php, aby wywołać go na pasku bocznym. Zwykle zawiera obszary widżetów w celu łatwego dostosowania.

Strony wyświetlania strony głównej

1. strona główna.php
2. home.php
3. strona.php
4. index.php

Strony główne witryn WordPress wyświetlają najnowsze posty na blogu lub stronę statyczną. Zależy to od ustawień w sekcji Ustawienia pulpitu WordPress -> Czytanie . Jeśli jest ustawiony na najnowsze posty, wyświetli najnowsze posty na blogu na stronie głównej, a gdy jest ustawiony na stronę statyczną, załaduje szablon z hierarchii szablonów WordPress, taki jak page.php lub front-page.php.

Jeśli front-page.php istnieje , WordPress użyje tego pliku szablonu zarówno dla ustawień „ najnowsze wpisy na blogu ”, jak i „ strona statyczna ”. Strona home.php zostanie załadowana, jeśli front-page.php nie istnieje, a w ustawieniach czytania WordPressa ustawiono „najnowsze wpisy na blogu”.

Jeśli w Ustawieniach -> Czytanie strony statycznej ze stroną postów jest zaznaczone, WordPress będzie szukał szablonu page.php, aby wyrenderować stronę główną.

Jeśli jednak front-page.php, page.php i home.php nie istnieją, WordPress powróci do index.php, aby wyrenderować stronę główną.

Strony z jednym postem

1. pojedynczy.php
2. pojedyncza.php

1. pojedynczy.php

W WordPressie pojedyncze posty na blogu są renderowane przy użyciu pliku single.php. W wersji WordPress 4.3 i nowszych dodano nowy plik szablonu WordPress, singular.php.

W przypadku niestandardowych typów postów WordPress możemy użyć single-{post-type}.php. Np. nasz typ posta to zwierzęta, wtedy WordPress będzie szukał single-animals.php i będzie miał pierwszeństwo przed single.php. Jeśli plik post-type nie istnieje, użyje on single.php do renderowania strony.

2. pojedyncza.php

Singular.php jest używany w przypadkach, gdy page.php i single.php generalnie mają ten sam kod. Jeśli single.php nie istnieje, WordPress będzie szukał singular.php.

Strony statyczne

Strony są renderowane w następującej kolejności:

1. szablony stron
2. strona-{slug}.php
3. strona-{id}.php
4. strona.php
5. pojedyncza.php
6. index.php

Jak wspomniano powyżej, jeśli chcemy mieć podobny wygląd dla single.php i page.php, lepiej jest utworzyć singular.php.

Strony archiwum

1. autor.php
2. kategoria.php
3. taksonomia.php
4. data.php
5. tag.php
6. archiwum.php

Strony archiwum w WordPressie to te strony, które służą do pobierania postów od określonych autorów, kategorii, taksonomii, dat, tagów i tak dalej.

Możemy mieć jeden szablon archiwum, czyli archive.php. Ale aby przejść do większej liczby szablonów, mamy author.php, category.php, taxonomy.php, date.php, tag.php i wszystkie z nich są dość oczywiste.

Możemy dodatkowo wykonać niestandardowe szablony, na przykład

category-{slug}.php – jeśli ślimak w kategorii to słodkie-kotki, WordPress będzie szukał category-cute-kittens.php, jeśli nie istnieje, zostanie użyty category.php.

category-{id}.php – jeśli id ​​= 3, WordPress będzie szukał category-3.php, aby wyrenderować stronę. W przeciwnym razie załaduje category.php

Podobna teoria {slug} i {id} dotyczy strony „Tag”

W przypadku niestandardowych szablonów Author możemy użyć author-{nicename}.php lub author-{id}.php. Jeśli nazwisko autora to Andy, WordPress będzie szukać author-andy.php, jeśli nie istnieje, WordPress powróci do author.php, aby wyrenderować stronę.

Inne pliki szablonów WordPress

– search.php

Wyniki wyszukiwania w WordPressie wykorzystują plik szablonu search.php. Jeśli nie istnieje, wyniki wyszukiwania są renderowane z pliku index.php.

– załącznik.php

Ten plik szablonu służy do renderowania stron załączników, takich jak obrazy i filmy. image.php i video.php służą odpowiednio do renderowania obrazów i filmów. Jeśli te pliki nie istnieją, używany jest plik attachment.php.

– 404.php

Nie znalezione strony w WordPressie są renderowane z 404.php. Jeśli 404 nie istnieje, renderuje stronę z index.php.

– komentarze.php

Jest to szablon komentarzy, wywoływany jest w plikach szablonów typu single.php lub page.php w celu dodania sekcji komentarzy.

Ostatnie słowa

Zrozumienie hierarchii szablonów WordPress jest bardzo przydatne, jeśli chcesz opracować niestandardowe motywy WordPress i/lub dostosować strukturę plików motywów WordPress. Będziesz mieć łatwy czas na znalezienie odpowiednich plików szablonów do edycji i dostosowania. Dobrą rzeczą w hierarchii szablonów WordPress jest to, że jest ona zgodna ze ścisłą konwencją nazewnictwa. Ułatwia tworzenie motywów WordPress, gdy już je zdobędziesz. Możesz odwołać się do hierarchii motywów WordPress, aby uzyskać szybkie i wizualne odniesienie do tworzenia motywów.