Envato Elements - pobieraj co chcesz, ile chcesz

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…

(!) Zgłoś błąd na stronie
Potrzebujesz profesjonalnej pomocy? Skontaktuj się z nami!
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.
Roztańczona Karolina dzięki motywowi Divi od Elegant Themes właśnie skończyła pierwszą stronę
WebInsider poleca księgowość wFirma
WebInsider korzysta z VPSa w HitMe.pl
WebInsider poleca VPSy DigitalOcean
WebInsider poleca serwis Vindicat
Napisz komentarz
wipl_napisz-komentarz_01Jeś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ć.
Linki partnerskie
Niektóre z linków na tej stronie to tzw. „linki partnerskie”, co oznacza, że jeśli klikniesz na link i dokonasz wymaganej akcji (np. zakup/rejestracja) możemy otrzymać za to prowizję. Pamiętaj, że polecamy tylko te produkty i usługi, z których sami korzystamy, i uważamy, że są tego na prawdę warte… :-)
Znaki towarowe i nazwy marek
W niektórych wpisach (oraz innych miejscach na stronie) mogą być przedstawione/użyte znaki towarowe i/lub nazwy marek, które stanowią własność intelektualną tych podmiotów, a zostały użyte wyłącznie w celach informacyjnych.
Monika ćwiczy przed kongresem ko..., ale jej też należy się zniżka 80% na skięgowość wFirma dla oglądających WebInsider.pl