WordPress: wygląd (odc.2) – tworzenie nowego szablonu

W poprzednim odcinku (Wygląd – struktura szablonu) przedstawiłam zgrubnie schemat plików wchodzących w skład skórki (ang.: theme) aplikacji opartej na WordPress. Teraz zajmę się budową szablonu od zera krok po kroku. Tworzenie nowej skórki należy zacząć od założenia dla niej katalogu w lokalizacji: ‘wp-content/themes/’. W tym momencie w panelu administracyjnym, w zakładce [Design]->[Szaty graficzne] Pojawia się informacja o istnieniu niekompletnej skórki. Zgodnie z informacją “Wszystkie szaty graficzne muszą posiadać arkusz stylu i co najmniej jeden szablon”. Stwórzmy więc plik z szablonem stylów style.css. Zanim zaczniemy precyzować style umieszczamy na samym początku tego pliku nagłówek zawierający informacje o skórce. Przykładowy wpis:

/*
Theme Name: First
Theme URI: www.blog.bexlab.pl
Description: mój piwerszy w zyciu szablon dla WordPress
Author: JoShiMa
Author URI: www.blog.bexlab.pl
Version: 0.1
.
Komentarz na temat licencji itp (opcjonalnie).
.
*/

Skórka ciągle widnieje jako niekompletna, gdyż brakuje pliku szablonu. Pora więc stworzyć pusty plik index.php. Po umieszczeniu tego pliku w katalogu naszej skórki, widzimy, że w panelu administratora pojawiła się ona już jako kompletna w sąsiedztwie innych zainstalowanych skórek. Na razie jednak nie pora jeszcze na aktywowanie jej, gdyż jest ona zupełnie pusta. Można by było bezpośrednio w pliku index.php zawrzeć całą zawartość strony, ale najczęściej nagłówek i stopkę umieszcza się w osobnych plikach i wywołuje w pliku głównym za pomocą odpowiedniej funkcji. Zatem stworzymy jeszcze dwa pliki header.php oraz footer.php, a w pliku index.php dodajemy wywołania funkcji pobierających nagłówek i stopkę z odpowiednich plików:




Pora wreszcie zdefiniować nagłówek i stopkę oraz blok treści, ale o tym będzie w innym odcinku. Zanim to nastąpi przeanalizujemy dla przykładu standardowy nagłówek i standardową stopkę, żeby lepiej zrozumieć jak należy je prawidłowo konstruować.