Jeśli ktoś z Was był na tej stronie choćby jeszcze kilak godzin temu, to zapewne zauważył radykalną zmianę w wyglądzie – nie była to operacja zaplanowana, tym razem poszliśmy na żywioł, czego osobiście nie polecam w środowiskach produkcyjnych ;-)
W każdym razie zmiana stała się faktem, choć zostało jeszcze troszkę roboty z poznawaniem nowego szablonu i jego dopasowywaniem do własnych potrzeb.
Przy okazji uświadomiłem sobie, że o ile o samym WordPressie pisałem na tej stronie kilkukrotnie, to do tej pory nie było artykułu/wpisu o „szablonach potomnych” (Child Themes), które znacznie ułatwiają pracę choćby związaną z modyfikowaniem wyglądu strony/szablonu.
WordPressie i szablony (skórki)
Postaram się Wam wyjaśnić o co z tym chodzi – głodnych dodatkowej wiedzy odsyłam na stronę WordPress Codex.
Szablon, czyli skórka, czyli…
Szablon czy jak niektórzy wolą skórka – to zestaw plików odpowiedzialnych za warstwę wizualną naszej strony na WordPressie. Taka karoseria, którą wszyscy oglądają i się zachwycają, gdy pod spodem pracuje silnik i inne elementy bez których strona by nie działała, ale które – dla większości – nie wyglądają już tak pięknie by się nimi chwalić.
Teoretycznie – bo dochodzą czasem niuanse związane z dodatkowymi funkcjonalnościami – wystarczy zmienić skórkę, by cieszyć się nowym wyglądam strony.
Gdy nabieramy doświadczenia w zarządzaniu WordPressem, zazwyczaj pojawia się chęć dokonania większych modyfikacji – czasem pomoże dodatkowa wtyczka (plugin), a czasem (wystarczy) drobna edycja plików szablonu.
Po takiej edycji wszystko pięknie – ale tylko do czasu najbliższej jego aktualizacji, wtedy zazwyczaj wszystkie nasze modyfikacje znikają, gdyż przy okazji aktualizacji zmodyfikowane przez nas pliki zastępowane są plikami oryginalnymi.
Szablony potomne w WordPressie
M.in. dlatego powstały szablony potomne – nie są bezpośrednią kopią wszystkich plików „rodzica”, a zawierają tylko te fragmenty które chcemy zmodyfikować/nadpisać.
Zazwyczaj będą to pliki:
- Szablon stylów – style.css
- Plik (dodatkowych) funkcji – functions.php
- Niektóre pliki szablonu głównego, np.: header.php, footer.php
Przygotowanie szablonu potomnego (Child Themes)
Od razu polecam zacząć od jakiegoś pliku do obsługi naszego konta za pośrednictwem protokołu (S)FTP(S) lub SSH/SCP, jak np. WinSCP.
Przechodzimy do katalogu z szablonami w WordPressie, czyli zazwyczaj jakoś tak:
/var/www/[domena]/public_html/p-content/themesLub:
/wp-content/themesNastępnie Tworzymy nowy katalog o nazwie zbliżonej do „rodzica” (choć nie jest to warunek konieczny, to dla porządku…), czyli jeśli nazwa rodzica to np.:
twentyfourteento nowy katalog może się nazywać np. tak:
twentyfourteen_childW tymkatalogu tworzymy plik style.css o takiej zawartości:
/*
Theme Name: Twenty Fourteen Child Theme
Text Domain: twentyfourteen
Template: twentyfourteen
*/
@import url("../twentyfourteen/style.css");W pliku tym – poniżej – zapisujemy wszelkie modyfikacje związane z wyglądem strony.
W katalogu:
/var/www/[domena]/public_html/p-content/themes/twentyfourteen_childLub:
/wp-content/themes/twentyfourteen_childumieszczamy również wszelkie pliki oryginalnego szablonu (rodzica), które chcemy zmodyfikować, jak i np. plik functions.php.
PS. Oczywiście podany w tym przykładzie szablon rodzica „twentyfourteen”/”Twenty Fourteen” należy ew. zastąpić innym, wybranym przez Was…
Spodobał Ci się artykuł? Zapisz się do naszego Newslettera - ZERO SPAMu, same konkrety, oraz dostęp do dodatkowych materiałów przeznaczonych dla subskrybentów!
Na podany adres e-mail otrzymasz od nas wiadomość e-mail, w której znajdziesz link do potwierdzenia subskrypcji naszego Newslettera. Dzięki temu mamy pewność, że nikt nie dodał Twojego adresu przez przypadek. Jeśli wiadomość nie przyjdzie w ciągu najbliższej godziny (zazwyczaj jest to maksymalnie kilka minut) sprawdź folder SPAM.
Jeśli informacje zawarte na tej stronie okazały się pomocne, możesz nam podziękować zostawiając poniżej swój komentarz.W tej formie możesz również zadać dodatkowe pytania dotyczące wpisu, na które – w miarę możliwości – spróbujemy Ci odpowiedzieć.
Podziel się