\n Czym s\u0105 pliki szablon\u00f3w w WordPress?\n<\/p>\n
\n Szablony to pliki, kt\u00f3re informuj\u0105 motyw WordPress, jak wy\u015bwietla\u0107 r\u00f3\u017cne typy tre\u015bci w systematyczny spos\u00f3b.\n<\/p>\n
\n Gdy za ka\u017cdym razem, gdy kto\u015b wy\u015ble \u200b\u200bpro\u015bb\u0119 o wy\u015bwietlenie cz\u0119\u015bci Twojej witryny, platforma stron internetowych WordPress dowie si\u0119, jakie tre\u015bci chc\u0105 zobaczy\u0107 i jak ta konkretna cz\u0119\u015b\u0107 witryny powinna zosta\u0107 pokazana odbiorcom.\n<\/p>\n
\n Co wi\u0119cej, WordPress spr\u00f3buje u\u017cy\u0107 najbardziej odpowiedniego pliku szablonu obecnego w twoim motywie, kt\u00f3ry powinien zosta\u0107 ustalony na podstawie kolejno\u015bci hierarchii.\n<\/p>\n
- \n
- Jest r\u00f3wnie\u017c znany jako hierarchia szablon\u00f3w stron WordPress.\n <\/li>\n
- Hierarchia szablon\u00f3w stron WordPress to ca\u0142a lista kilku plik\u00f3w szablon\u00f3w.\n <\/li>\n
- WordPress jest z tym zaznajomiony i s\u0105 one oceniane w celu okre\u015blenia, kt\u00f3ry plik ma pierwsze\u0144stwo przed innym. Dzia\u0142a jak ka\u017cde drzewo decyzyjne.\n <\/li>\n<\/ul>\n
\n Kiedy WordPress pr\u00f3buje zdecydowa\u0107, jak wy\u015bwietli\u0107 dan\u0105 stron\u0119 w najbardziej odpowiedni spos\u00f3b, to dzia\u0142a zgodnie z hierarchi\u0105 szablon\u00f3w.\n<\/p>\n
\n Na przyk\u0142ad:<\/strong>\n<\/p>\n
\n Je\u015bli kto\u015b chce uzyska\u0107 dost\u0119p do nast\u0119puj\u0105cego adresu URL.\n<\/p>\n
\n
Your-site.com\/category\/news<\/code>\n<\/p>\n\n Nast\u0119pnie niestandardowy motyw WordPress szuka\u0142by odpowiednich plik\u00f3w szablon\u00f3w w nast\u0119puj\u0105cej kolejno\u015bci:\n<\/p>\n
- \n
- \n
category-{slug}.php<\/code>: w tym przypadkucategory-news.php<\/code>\n <\/li>\n- \n
category-{id}.php<\/code>: gdyby identyfikator kategorii wynosi\u0142 5, WordPress pr\u00f3bowa\u0142by znale\u017a\u0107 plik o nazwiecategory-5.php<\/code>\n <\/li>\n- \n
category.php<\/code>\n <\/li>\n- \n
archive.php<\/code>\n <\/li>\n- \n
index.php<\/code>\n <\/li>\n<\/ol>\n\n Na ko\u0144cu tej hierarchii niestandardowych szablon\u00f3w stron WordPress znajduje si\u0119 plik index.php.\n<\/p>\n
\n B\u0119dzie u\u017cywany do wy\u015bwietlania dowolnego typu tre\u015bci, kt\u00f3ry nie ma bardziej szczeg\u00f3\u0142owego pliku szablonu. Je\u015bli plik szablon\u00f3w zajmuje wy\u017csz\u0105 pozycj\u0119 w hierarchii, dostosowywanie motywu WordPress automatycznie u\u017cyje tego pliku do wy\u015bwietlenia tre\u015bci.\n<\/p>\n
\n Jakie s\u0105 szablony stron na stronach internetowych WordPress?
\n<\/h3>\n\n W przypadku stron internetowych WordPress wtyczka szablonu strony WordPress ma zwykle nazw\u0119 page.php. Czasami dost\u0119pny jest bardziej szczeg\u00f3\u0142owy plik szablonu o nazwie archive.php.\n<\/p>\n
\n Niestandardowy motyw WordPress u\u017cywa tego samego pliku do renderowania zawarto\u015bci wszystkich stron w Twojej witrynie.\n<\/p>\n
\n Czasami konieczna jest zmiana projektu, wygl\u0105du lub funkcjonalno\u015bci poszczeg\u00f3lnych sekcji Twojej witryny.\n<\/p>\n
\n To jest miejsce, w kt\u00f3rym do gry wchodz\u0105 szablony stron.\n<\/p>\n
\n Niestandardowy szablon strony WordPress pozwala ujednolici\u0107 i zindywidualizowa\u0107 dowoln\u0105 cz\u0119\u015b\u0107 witryny WordPress bez wp\u0142ywu na reszt\u0119.\n<\/p>\n
\n Na przyk\u0142ad istnieje obecnie wiele motyw\u00f3w WordPress z opcj\u0105 zmiany strony na pe\u0142n\u0105 szeroko\u015b\u0107, a nast\u0119pnie dodania do niej drugiego paska bocznego.\n<\/p>\n
\n Mo\u017cna to r\u00f3wnie\u017c zrobi\u0107 za pomoc\u0105 r\u00f3\u017cnych plik\u00f3w szablon\u00f3w.\n<\/p>\n
\n Je\u015bli robisz to samo i pracujesz z r\u00f3\u017cnymi szablonami, wi\u0105\u017ce si\u0119 to z edycj\u0105 i zmian\u0105 plik\u00f3w w aktywnym motywie WordPress, wi\u0119c zawsze zaczynaj od motywu potomnego podczas wprowadzania tego rodzaju dostosowa\u0144.\n<\/p>\n
\n Edycja b\u0119dzie \u0142atwa i nie spowoduje nadpisania innych rzeczy.\n<\/p>\n
\n Jak dostosowa\u0107 strony w niestandardowych szablonach stron WordPress?
\n<\/h3>\n\n Istniej\u0105 trzy podstawowe sposoby korzystania z niestandardowych szablon\u00f3w stron WordPress, kt\u00f3re s\u0105 opisane w nast\u0119puj\u0105cy spos\u00f3b:\n<\/p>\n
- \n
- Dodaj\u0105c instrukcje warunkowe do istniej\u0105cej hierarchii szablon\u00f3w stron WordPress,\n <\/li>\n
- Utw\u00f3rz okre\u015blony szablon strony, kt\u00f3ry zajmuje wy\u017csz\u0105 pozycj\u0119 w hierarchii i\n <\/li>\n
- Bezpo\u015brednio przypisz szablony do okre\u015blonych stron.\n <\/li>\n<\/ul>\n
\n Zbadajmy to wszystko dog\u0142\u0119bnie.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c2306e7de.webp\")
<\/a><\/p>\n\n U\u017cywanie tag\u00f3w warunkowych w domy\u015blnym szablonie stron internetowych WordPress
\n<\/h5>\n\n Istnieje \u0142atwy spos\u00f3b wprowadzania zmian specyficznych dla strony w tagach warunkowych dostosowywania motywu WordPress do dowolnego szablonu, kt\u00f3ry jest ju\u017c w u\u017cyciu.\n<\/p>\n
\n Te znaczniki s\u0105 u\u017cywane do tworzenia funkcji, kt\u00f3re s\u0105 wykonywane tylko wtedy, gdy spe\u0142niony jest okre\u015blony warunek.\n<\/p>\n
\n Nast\u0119pnie doda\u0142by\u015b tagi warunkowe do pliku page.php aktywnego motywu.\n<\/p>\n
\n Umo\u017cliwi\u0142yby one dokonanie zmian ograniczonych do strony g\u0142\u00f3wnej, strony g\u0142\u00f3wnej, strony bloga lub dowolnej innej strony Twojej witryny.\n<\/p>\n
\n Oto niekt\u00f3re z g\u0142\u00f3wnych u\u017cywanych tag\u00f3w warunkowych:\n<\/p>\n
- \n
- \n
is_page( )<\/code>: s\u0142u\u017cy do kierowania na okre\u015blon\u0105 stron\u0119 i mo\u017ce by\u0107 u\u017cywany z identyfikatorem strony, tytu\u0142em lub adresem URL\/nazw\u0105.\n <\/li>\n- \n
is_home( )<\/code>: dotyczy tylko strony g\u0142\u00f3wnej.\n <\/li>\n- \n
is_front_page( )<\/code>: z powodzeniem kieruje reklamy na pierwsz\u0105 stron\u0119 Twojej witryny, zgodnie z ustawieniami w Ustawieniach -> Czytanie\n <\/li>\n- \n
is_category( )<\/code>: Jest to warunek dla strony kategorii. Mo\u017ce r\u00f3wnie\u017c u\u017cywa\u0107is_page( )<\/code>znacznika ID, tytu\u0142u lub adresu URL\/nazwy.\n <\/li>\n- \n
is_single( )<\/code>: S\u0142u\u017cy do pojedynczych post\u00f3w lub za\u0142\u0105cznik\u00f3w\n <\/li>\n- \n
is_archive( )<\/code>: Jest to warunek dla stron archiwum\n <\/li>\n- \n
is_404( )<\/code>: dotyczy tylko stron b\u0142\u0119d\u00f3w 404\n <\/li>\n<\/ol>\n\n \u2013 Na przyk\u0142ad, gdy zostanie dodany do twojego page.php zamiast standardowego
get_header( );<\/code>tagu, poni\u017cszy kod za\u0142aduje niestandardowy plik nag\u0142\u00f3wkowy o nazwie header-shop.php podczas wy\u015bwietlania strony yoursite.com\/product.\n<\/p>\n\n Kod:<\/strong>\n<\/p>\n
If (is_page ('products')) {\n get_header ('shop');\n} else {\n get_header( );\n}<\/code><\/pre>\n\n \u2013 Na przyk\u0142ad te dwa warunki ca\u0142kowicie zmieni\u0105 zachowanie r\u00f3\u017cnych stron w Twojej witrynie.\n<\/p>\n
\n Opr\u00f3cz \u0142adowania wspomnianego pliku nag\u0142\u00f3wkowego specyficznego dla sklepu, \u0142adowa\u0142by teraz r\u00f3wnie\u017c plik header-about.php na stronie o identyfikatorze 42.\n<\/p>\n
\n W przypadku wszystkich pozosta\u0142ych stron obowi\u0105zuje r\u00f3wnie\u017c standardowy plik nag\u0142\u00f3wkowy.\n<\/p>\n
\n Utw\u00f3rz pliki specyficzne dla strony w hierarchii szablon\u00f3w stron WordPress
\n<\/h5>\n\n Tagi warunkowe to jeden z najlepszych sposob\u00f3w na wprowadzenie mniejszych zmian na stronach internetowych WordPress.\n<\/p>\n
\n Mo\u017ce pom\u00f3c w tworzeniu wi\u0119kszych dostosowa\u0144, u\u017cywaj\u0105c wielu instrukcji warunkowych jedna po drugiej.\n<\/p>\n
\n Jednym z najlepszych sposob\u00f3w na to jest wdro\u017cenie kompletnej hierarchii szablon\u00f3w stron WordPress, kt\u00f3ra przegl\u0105da list\u0119 maksymalnych mo\u017cliwych plik\u00f3w szablon\u00f3w, a nast\u0119pnie mo\u017cna wybra\u0107 to, co najbardziej im odpowiada.\n<\/p>\n
\n Niestandardowy szablon strony WordPress zawiera nast\u0119puj\u0105c\u0105 hierarchi\u0119:\n<\/p>\n
\n
Page-{slug}.php<\/code>\n<\/p>\n\n
Page-{id}.php<\/code>\n<\/p>\n\n
Page.php<\/code>\n<\/p>\n\n
index.php<\/code>\n<\/p>\n\n Niestandardowe szablony stron to te, kt\u00f3re zosta\u0142y przypisane do konkretnej strony.\n<\/p>\n
\n Tak wi\u0119c, je\u015bli jeden z nich istnieje, WordPress u\u017cyje go, niezale\u017cnie od tego, czy pliki szablon\u00f3w s\u0105 obecne, czy nie. Nast\u0119pnie WordPress znajdzie szablon strony, kt\u00f3ry zawiera \u201eslug”.\n<\/p>\n
\n Na przyk\u0142ad: je\u015bli w pliku motyw\u00f3w umie\u015bcisz plik o nazwie page-about.php, mo\u017cna go znale\u017a\u0107 w tego rodzaju adresie URL yoursite.com\/about.\n<\/p>\n
\n Przypisywanie niestandardowych szablon\u00f3w stron WordPress
\n<\/h5>\n\n Mo\u017cliwe jest r\u00f3wnie\u017c r\u0119czne przypisanie niestandardowych szablon\u00f3w do poszczeg\u00f3lnych stron, a WordPress mo\u017ce u\u017cywa\u0107 ich r\u00f3wnie\u017c w formie automatycznej.\n<\/p>\n
\n W postaci hierarchii szablon\u00f3w stron WordPress w folderze motywu b\u0119dzie znajdowa\u0107 si\u0119 plik szablonu.\n<\/p>\n
\n Tak wi\u0119c, podobnie jak tworzysz szablon specyficzny dla strony dla hierarchii WordPress, zostaniesz poproszony o podanie okre\u015blonego pliku szablonu, a nast\u0119pnie po\u0142\u0105czysz go z dowoln\u0105 stron\u0105, na kt\u00f3rej chcesz go u\u017cy\u0107.\n<\/p>\n
\n Mo\u017cna to zrobi\u0107 na dwa r\u00f3\u017cne sposoby, z kt\u00f3rych b\u0119dziesz zaznajomiony. Niekt\u00f3re szczeg\u00f3\u0142y podano w nast\u0119puj\u0105cy spos\u00f3b:\n<\/p>\n
\n Przypisz niestandardowe szablony stron z edytora WordPress
\n<\/h5>\n\n W edytorze WordPress znajdziesz pole opcji o nazwie \u201eAtrybuty strony”, kt\u00f3re ma rozwijane menu o nazwie \u201eSzablon”.\n<\/p>\n
\n Po klikni\u0119ciu wy\u015bwietli si\u0119 lista r\u00f3\u017cnych dost\u0119pnych szablon\u00f3w stron w witrynie motywu WordPress. Wybierz ten, kt\u00f3ry Ci si\u0119 podoba, zapisz go; zaktualizuj go, gdy sko\u0144czysz.\n<\/p>\n
\n Ustawianie niestandardowego szablonu poprzez szybk\u0105 edycj\u0119
\n<\/h5>\n- \n
- Przejd\u017a do sekcji \u201eWszystkie strony” i najed\u017a kursorem na dowolny element wymieniony na li\u015bcie.\n <\/li>\n
- Zostanie wy\u015bwietlone menu zawieraj\u0105ce element \u201eSzybka edycja”.\n <\/li>\n
- Kliknij go, aby edytowa\u0107 ustawienia strony bezpo\u015brednio z tego miejsca.\n <\/li>\n
- Zobaczysz tam podobne menu rozwijane do wyboru innego szablonu strony.\n <\/li>\n
- Wybierz ten, kt\u00f3ry Ci si\u0119 podoba i edytuj go.\n <\/li>\n<\/ul>\n
\n Jak korzysta\u0107 z niestandardowego szablonu strony WordPress?
\n<\/h3>\n\n Szablony stron WordPress mog\u0105 by\u0107 wykorzystywane do wielu r\u00f3\u017cnych cel\u00f3w i mo\u017cna je \u0142atwo dostosowa\u0107 do wszystkiego.\n<\/p>\n
\n Wymaga jedynie dobrej wyobra\u017ani i bieg\u0142o\u015bci w kodowaniu.\n<\/p>\n
\n Niekt\u00f3re z g\u0142\u00f3wnych zastosowa\u0144 podano poni\u017cej:\n<\/p>\n
\n Mo\u017ce by\u0107 u\u017cywany jako szablon strony o pe\u0142nej szeroko\u015bci.<\/strong>\n<\/p>\n
\n Po pierwsze, w tym przypadku pasek boczny jest usuwany przez usuni\u0119cie go za pomoc\u0105 tego polecenia,\n<\/p>\n
<?php get_sidebar(); ?><\/code><\/pre>\n\n Nast\u0119pnie dokonuje si\u0119 pewnych konkretnych zmian w kodowaniu CSS, jak pokazano poni\u017cej,\n<\/p>\n
.site-content {\n Float: left;\n Width: 65 %;\n}<\/code><\/pre>\n\n Atrybut width ogranicza element strony, kt\u00f3ry przechowuje nasze tre\u015bci, do 65% dost\u0119pnej przestrzeni.\n<\/p>\n
\n Je\u015bli po prostu zmienimy rozmiar na 100%, wp\u0142ynie to r\u00f3wnie\u017c na wszystkie inne strony w naszej witrynie, co nie jest dok\u0142adnie tym, czego chcemy.\n<\/p>\n
\n W tym celu klasa div w niestandardowym szablonie strony WordPress zosta\u0142aby zmieniona na
class=\"site-content-fullwidth\"<\/code>.\n<\/p>\n\n Wygl\u0105da\u0142oby to mniej wi\u0119cej tak, jak pokazano poni\u017cej:\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c23239d2d.webp\")
<\/a><\/p>\n\n Mo\u017ce dodawa\u0107 strony 404 z paskami wid\u017cet\u00f3w
\n<\/h5>\n\n Strona b\u0142\u0119du 404 to ta konkretna strona, kt\u00f3ra pojawia si\u0119, gdy dana osoba trafia na jak\u0105\u015b stron\u0119 w witrynie, kt\u00f3ra nie istnieje. By\u0107 mo\u017ce jest to wadliwy link lub b\u0142\u0105d literowy.\n<\/p>\n
\n Bardzo wa\u017cne jest, aby doda\u0107 te strony do swojej witryny. To pokazuje twoj\u0105 odpowiedzialno\u015b\u0107 wobec publiczno\u015bci.\n<\/p>\n
\n Trudno jest zakodowa\u0107 stron\u0119 od zera, je\u015bli nie jeste\u015b dobrze zorientowany w swoich umiej\u0119tno\u015bciach kodowania, wtedy znacznie lepiej jest doda\u0107 kilka wid\u017cet\u00f3w do swoich szablon\u00f3w. Mo\u017cna go elastycznie zmienia\u0107 za pomoc\u0105 przeci\u0105gania i upuszczania.\n<\/p>\n
\n Odbywa\u0142oby si\u0119 to za pomoc\u0105 pliku 404.php. Pojawia si\u0119 na Twojej stronie internetowej, gdy jest potrzebny.\n<\/p>\n
\n Po przes\u0142aniu szablonu stron internetowych WordPress na stron\u0119 internetow\u0105 przejd\u017a do tworzenia obszaru wid\u017cet\u00f3w.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c233d9dcb.webp\")
<\/a><\/p>\n\n U\u0142atwia to poprzez dodanie szablonu strony do wy\u015bwietlania niestandardowych typ\u00f3w post\u00f3w
\n<\/h3>\n\n Niestandardowe typy post\u00f3w s\u0105 jedn\u0105 ze skutecznych technik wprowadzania tre\u015bci, kt\u00f3re maj\u0105 w\u0142asny zestaw punkt\u00f3w danych, projekt i inne podobne dostosowania.\n<\/p>\n
\n Po pierwsze, utw\u00f3rz niestandardowy typ postu – CPT, kt\u00f3ry mo\u017cna \u0142atwo zrobi\u0107 za pomoc\u0105 wtyczki lub r\u0119cznie. Wtyczka o nazwie \u201eTypy” mo\u017ce s\u0142u\u017cy\u0107 do tworzenia niestandardowych typ\u00f3w post\u00f3w i niestandardowych p\u00f3l.\n<\/p>\n
- \n
- \n
- \n
- \n