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/themes
Lub:
/wp-content/themes
Nastę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.:
twentyfourteen
to nowy katalog może się nazywać np. tak:
twentyfourteen_child
W 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_child
Lub:
/wp-content/themes/twentyfourteen_child
umieszczamy 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…
- Dzięki wtyczce ShopMagic wdrożysz przypomnienie o płatności w WooCommerce, ale w wersji darmowej sensu ma to niewiele - 1970-01-01
- Microsoft Azure Speech CLI (SPX), czyli relatywnie tani i prosty sposób na transkrypcję (zamiana mowy na tekst) - 1970-01-01
- PayPal i TransferWise w kooperacji, czyli sposób na wypłatę dolarów z konta PayPal bez przewalutowania, ale z prowizją - 1970-01-01