Pliki motywu WordPress

kurs z WordPress dla początkujących

Motyw (szablon lub skórka) WordPress odpowiada za sposób w jaki wyświetla się wprowadzana przez nas zawartość (np. treść, rozszerzenia) do CMS. Stanowi więc bardzo istotny element podczas budowania strony internetowej.

Motyw WordPress składa się z wielu plików napisanych w formatach takich jak PHP, HTML, CSS czy JS. Jak widać jest ich całkiem sporo, chociaż tak na prawdę nie wszystkie zawsze nam będą potrzebne.

Pliki, z których zbudowany jest motyw WordPress

Podstawowe pliki motywu WordPress

W celu uruchomienia skórki WordPress’a tak naprawdę wymagane są 2 pliki:

  • style.css – najważniejszy plik w całym szablonie. Bez niego motyw będzie bezużyteczny. Plik oprócz podstawowych styli CSS zawiera również informacje takie jak nazwa motywu, kto jest autorem czy chociaż by rodzaj licencji.
  • index.php – podstawowy szablon odpowiadający za wygląd strony. W większości napisany jest w HTML z elementami PHP (w miejscu wyświetlanych treści).

Większość motywów WordPress zawiera również inne pliki takie jak:

  • header.php – plik zawierający treść nagłówka takie jak zawartość między znacznikami. Umieszcza się w nim również menu nawigacyjne.
  • footer.php – plik jak sama nazwa mówi odpowiedzialny jest za wyświetlanie stopki szablonu.
  • functions.php – jest to plik konfiguracyjny – określa się w nim funkcje jakie maja być użyte w skórce. Jako jedyny jest praktycznie w całości napisany w PHP.
  • page.php – szablon odpowiedzialny za wyświetlenie treści strony.
  • single.php – szablon odpowiedzialny za wyświetlenie treści wpisu.
  • comments.php – szablon komętarzy.
  • sidebar.php – szablon panelu bocznego.
  • category.php – szablon strony określonej kategorii.
  • search.php – strona wyników wyszukiwania.
  • 404.php – strona błędu, powinien zadziałać gdy konkretna podstrona w witrynie nie istnieje.

Plików tych nie trzeba deklarować. WordPress sam z nich korzysta bez ingerencji autora motywu czy nas samych.

Inne domyślne pliki PHP

To oczywiście nie wszystkie pliki, motyw może zawierać inne pliki takie jak:

  • archive.php – szablon archiwum wpisów.
  • attachment.php – witryna służąca do wyświetlania złączników oraz zdjęć (chociaż bezpośrednio do tych ostatnich przeznaczony jest plik image.php).
  • home.php – szablon strony domowej.
  • tag.php – szablon strony jednego z wcześniej utworzonych tagów.
  • author.php – szablon strony określonego autora.
  • rtl.php – szablon strony działający w przypadku gdy strona jest w języku czytanym od prawej do lewej (można ją dodać za pomocą wtyczki RTLer).

Wydaje mi się, że to wszystkie domyślne pliki PHP obecne w motywie. W nowszych motywach pliki te mogą być też podzielone na kolejne mniejsze pliki. Jednak te będą wywoływane z pliku functions.php lub bezpośrednio w pliku, którego zawartość mają uzupełniać. Przykładowo motyw może mieć 2 lub 3 wersje nagłówka – każda w osobnym pliku ładowanym w header.php.

Pozostałe elementy szablonu

Oprócz powyżej wymienionych plików szablon zawiera także pliki JS (przeważnie umieszcza się je w katalogu js) – nazwy i rodzaj plików zależą od rodzaju zastosowanej biblioteki.

Analogicznie sprawa wygląda z innymi pikami CSS. W podstawowych plikach był co prawda plik CSS, ale jeden plik często to za mało. Przykładowo możemy dodać do naszego motywu bibliotekę Bootstrap.

W razie potrzeby możemy również tworzyć własne szablony wyglądu strony czy dodawać kolejne panele boczne.

Warto tu również wspomnieć że część szablonów posada pliki językowe dzięki nim szablon można bardzo łatwo przetłumaczyć.

Uproszczona struktura szablonu

Poniżej przedstawiam uproszczoną strukturę hierarchii plików szablonu

  • katalog-szablonu
    • /js
      • pliki JS
    • /css
      • pliki CSS
    • index.php
    • style.css
    • header.php
    • category.php
    • sidebar.php
    • coments.php
    • single.php
    • page.php
Pliki motywu WordPress
Przewiń na górę
%d bloggers like this: