istnieje wiele sposobów, aby zmienić wygląd konkretnej strony w witrynie WordPress. Możesz zmienić zawartość w edytorze treści WordPress. Możesz zmienić reguły CSS, które mają wpływ na witrynę. Lub utwórz nowy plik w hierarchii szablonów motywu WordPress, aby odpowiadał konkretnej stronie. Możesz też użyć szablonu strony motywu zaprojektowanego specjalnie dla tej strony. Mówimy o ostatnim. W tym samouczku omówimy zarówno sposób tworzenia niestandardowego szablonu strony WordPress, jak i dlaczego warto to zrobić. Zaczniemy od przyczyny.
kiedy mówisz „WordPress theme Custom page Template”, co masz na myśli?
jest ogromny problem terminologiczny z tym tematem. Jak wspomniałem powyżej, istnieje wiele rzeczy z niejasnym pojęciem „strony” i „szablonu” w świecie WordPress, które nie są tym, o czym tutaj mówimy. Pierwszą rzeczą, której *nie * mam na myśli mówiąc ” WordPress niestandardowy szablon strony „jest” motyw WordPress.”(Wiele osób nowych w WordPress mówi „szablony”, gdy mają na myśli ” motyw WordPress.”)
więc co mam na myśli przez „niestandardowy szablon strony”? Mam na myśli to, co jest pokazane po prawej stronie. Na przykład edytujesz typ zawartości strony w WordPress (chociaż, jak zobaczymy później, może teraz zawierać inne typy zawartości WordPress). Podczas edycji strony zauważysz pole „atrybuty strony”, w którym możesz (w zależności od tego, czy Twój motyw ma już te szablony) zobaczyć to rozwijane menu” Szablon”. To pole wyboru jest zilustrowane po prawej stronie (jest również po prawej stronie ekranu „Edycja strony”). Jeśli widzisz to rozwijane menu, to dlatego, że Twój motyw zawiera niektóre z tych ” niestandardowych szablonów stron.”W rzeczywistości są to pliki w aktualnie aktywnym folderze motywu (lub jego rodzicu) i mają jedną wyróżniającą cechę, do której wrócimy później. Ale to wybierane menu rozwijane nazwanych szablonów stron jest tym, o czym dzisiaj mówimy.
Jak to pasuje do hierarchii szablonów?
pisałem już wcześniej i prawdopodobnie zrobię to ponownie, o tym, jak szablon — znowu to słowo — hierarchia jest naprawdę kluczową koncepcją, którą musisz zrozumieć, aby zbudować lub zmodyfikować motyw WordPress. (Oto nasze szybkie wprowadzenie do niego.) Prawie wszystko inne jest szczegółem, który możesz wypracować po zrozumieniu podstawowej dynamiki hierarchii szablonów. Konkretna rzecz, którą dziś mamy na myśli, znajduje się poza hierarchią szablonów. Ten „wybrany szablon” zasadniczo zastępuje cały proces wyboru hierarchii szablonów.
jeśli w rozwijanej liście rozwijanej został wybrany niestandardowy szablon strony, zostanie użyty plik „szablon”. Kropka, bez wyjątku.
aby powtórzyć, jeśli wybrany jest niestandardowy szablon strony, zostanie użyty plik „szablon”. Kropka, bez wyjątku. Jeśli nie, hierarchia szablonów WordPress będzie wyglądać w nieco inny sposób, w jaki ktoś mógł próbować stylizować określoną stronę — za pomocą pliku page-123.php
lub page-custom-template-utilizer.php
. (Różnica między niestandardowym szablonem, a tym z tą page-$id
lub page-$slug
strukturą jest tak naprawdę tylko w interakcji i interfejsie.) Jeśli żadna z nich nie zostanie znaleziona, WordPress powróci do page.php
, jeśli istnieje, a jeśli nie, skończymy na ostatecznym wycofaniu, index.php
.
Jeśli zastanawiasz się, dlaczego używasz tej metody w przeciwieństwie do numerycznej lub ślimakowej — w każdym razie tworzysz niestandardowy plik w swoim motywie — powodem jest to, że używanie niestandardowych szablonów zapewnia większą elastyczność i niezależność między motywem a bazą danych i treścią witryny. Z tego powodu polecam go w prawie każdej sytuacji, gdy nie masz pewności, z którą wybrać. Dzięki strukturze numerycznej lub opartej na ślimaku page-*.php
jesteś zmuszony do tego, aby Twój motyw wiedział o konkretnym sposobie, w jaki DANE bazy danych WordPress są teraz. (Jeśli więc ponownie użyjesz motywu na innej stronie WordPress, na przykład ten plik jest bezużyteczny.
jak zrobić niestandardowy szablon strony WordPress?
OK, więc wiemy, że niestandardowe szablony stron zastąpią hierarchię szablonów WordPress. I że wykorzystamy je na rzeczywistych stronach naszej witryny WordPress, wybierając je z menu rozwijanego „szablon” na prawym pasku odpowiedniej treści. Czas więc przejść do procesu tworzenia niestandardowego szablonu strony WordPress.
co zrobisz, to dodaj do swojego motywu (i naprawdę powinien to być motyw potomny, chyba że istnieje bardzo silne ograniczenie uniemożliwiające ci to) plik o nazwie takiej jak my-template.php
lub really-cool-awesome.php
. To nie ma znaczenia, dopóki nie używasz nazwy, która jest częścią hierarchii szablonów, jesteś złoty. (Co oznacza: nie używaj nazwy takiej jak page-whatever.php
. Jak poruszyliśmy powyżej, hierarchia szablonów WordPress uważa, że jest właścicielem pliku o nazwie z tym wzorem.)
gdy już masz plik (cool-page-template.php
, cokolwiek wolisz), powinieneś go uruchomić w ten sposób:
<?php/*Template Name: Name To Appear In The Dropdown*/?>This is my custom template.
i w zasadzie jesteś skończony. Jak zapewne się domyślasz, nazwa, która pojawi się w rozwijanym menu” Szablon”, jest tym, co sprytnie nazwałem ” nazwą, która pojawi się w rozwijanym menu.”Podobnie jak plik style.css
Twojego motywu lub główny plik wtyczki, WordPress wykorzystuje informacje zawarte w tym komentarzu kodu, aby zapewnić mu kontekst do pracy.
wtedy zawartość naszych stron będzie, w tym przypadku, bardzo podstawowym tekstem HTML „to jest mój niestandardowy szablon”. Jak można się domyślić, tutaj jest znacznie bardziej prawdopodobne, że umieścisz zawartość HTML, którą chcesz wyświetlić na stronie. Więc twoje <h1>
tagi, <p>
tagi, a może (jeśli masz ochotę) jakiś PHP zrobić niestandardowe zachowanie chcesz się pochwalić.
Dlaczego Twój niestandardowy szablon strony WordPress nie pojawia się
miałem (więcej niż raz) doświadczenie, że mój nowy szablon strony WordPress nie pojawia się. Zdecydowanie najczęstszą przyczyną jest to, że wpisałem (lub błędnie usunąłem), jak powinien wyglądać komentarz nagłówka pliku. Musi być opatrzony odpowiednim tytułem. Więc Template Name: Narrow Page
jest idealny, ale WordPress nigdy nie znajdzie czegoś, co zamiast tego ma nagłówek Template: Custom
.
jest jeszcze kilka rzeczy do sprawdzenia. Inne powody, dla których może się okazać, że niestandardowy szablon strony nie jest wyświetlany:
- umieszczasz plik w niewłaściwym miejscu (musi znajdować się w bieżącym uruchomionym motywie lub jego rodzicu)
- dałeś swojemu szablonowi plik zaczynający się od
page-
. Ze względu na funkcję motywów WordPress, niestandardowe szablony stron zaczynające się odpage-
są zamiast tego traktowane jako strona hierarchii szablonów. - Twojemu motywowi brakuje jednego z dwóch plików wymagających, więc nie działa. (Motywy WordPress * muszą * mieć plik
index.php
istyle.css
.) - był problem z tym w czasach WordPress 4.9 (kilka lat temu teraz)
Szablony Stron dla innych niż” strona „WordPress niestandardowe typy postów
dla dużej części historii WordPress, te” niestandardowe szablony stron „były tylko dla typu treści” Strona”. (WordPress ma domyślnie tylko dwa typy treści: „posty” i „strony”.), Ale w WordPress 4.7, Dodano funkcję, że można korzystać z tych szablonów stron z nowymi typami treści (często nazywanymi „niestandardowymi typami postów”).
aby to zrobić, dodaj kolejną linię do nagłówka pliku.”Żeby wyglądało to trochę tak:
<?php/*Template Name: Narrower TemplateTemplate Post Type: post, page, event*/// Page HTML and PHP goes here...
jak można się domyślać, ten nowy nagłówek Template Post Type:
jest poprzedzony nazwą „poziomu kodu” dla (niestandardowych) typów postów. Zauważ, że w powyższym przykładzie wymieniamy typ zawartości page
dostarczany przez WordPress, a także typ post
. Ponadto wspieramy trzeci „niestandardowy typ postu” o nazwie event
.
świetny powód, aby używać niestandardowych szablonów stron
teraz, jeśli zrobiłeś to wcześniej, zauważysz, że powyższa strona nie będzie miała stylizacji i będzie wyglądać bardzo, bardzo niewiele jak reszta witryny WordPress (chyba że masz najprostszy motyw, jaki można sobie wyobrazić). To dlatego, że nasz plik ma jedną prostą rzecz w nim, i brakuje funkcjonalności bardzo powszechne na wszystkich innych stronach tematycznych. Nie ma połączeń get_header()
, get_footer()
lub pętli, które prawdopodobnie wykonują wszystkie inne pliki motywów.
czasami chcesz stronę, która nie jest podobna do reszty witryny, ale nadal jest częścią Twojego zarządzania WordPress. Te niestandardowe szablony są idealne do tego.
ale ilustruje to jedną z wielkich mocy niestandardowych szablonów, takich jak te: czasami chcesz stronę, która nie jest podobna do reszty witryny, ale nadal jest częścią Twojego doświadczenia w zarządzaniu WordPress. Te niestandardowe szablony są idealne do tego. Podczas gdy są one używane również na stronach archiwów lub (rzadziej) na stronach kontaktów, ta zdolność jest często pomijana.
i wreszcie kilka praktycznych porad na temat szablonów stron
kiedy chcesz zrobić stronę, która wygląda tak jak inne strony (ale trochę inaczej), zacząłbym od skopiowania istniejącego pliku z Twojego motywu, prawdopodobnie page.php
. Dzieje się tak dlatego, że większość z nas łatwiej jest coś zmienić niż zbudować od podstaw. Przykład kodu daje szablonowi stronę poczucie „pustej białej strony”, gdzie prawdopodobnie chcesz dodać lub usunąć określone szczegóły z istniejącego szablonu page.php
. Usunięcie paska bocznego lub stopki, na przykład, jest bardzo częstym powodem, dla którego ludzie tworzą „niestandardowy szablon strony” w WordPress.
jak już omówiliśmy, jeśli powielasz plik page.php
swojego motywu, aby rozpocząć tworzenie niestandardowego szablonu strony, musisz dodać „nagłówek szablonu strony niestandardowej”, który mamy powyżej. Ponownie, Są to” magiczne ” strony, które sprawiają, że te szablony po prostu działają. Teraz idź tworzyć niesamowite strony!