Z notatnika webmasterki

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:

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ć.

Podobne artykuły:

1. WordPress: wygląd (odc.6) – sidebar
2. WordPress: wygląd (odc.5) – główny plik skórki
3. WordPress: wygląd (odc.4) – analiza budowy standardowej stopki
4. WordPress: wygląd (odc.3) – analiza budowy standardowego nagłówka
5. WordPress: wygląd (odc.1) – struktura szablonu