Z notatnika webmasterki

16 Cze, 2008

WordPress: wygląd (odc.1) – struktura szablonu

Zamieszczony przez: Joanna w: WordPress

Mój blog wisi już sobie kilka tygodni i stopniowo pojawiają się nowe wpisy. Tymczasem dojrzałam do tego, by zainteresować się zmianą wyglądu strony. Standard jak to standard, mało kogo satysfakcjonuje. Ani to szczególnie ładne, ani to spersonalizowane jak należy a w dodatku standardowe, więc każdy może mieć takie samo. Cóż począć z tym fantem? Nie ma innej rady. Trzeba stworzyć własny layout.

Oczywiście można usatysfakcjonować się przerobieniem istniejącego, albo ściągnięciem gotowego z wielu dostępnych w sieci. Sprawa jest wtedy banalna. Wystarczy spędzić w sieci trochę czasu i wyszukać odpowiednią skórkę. Potem to już wystarczy skopiować ją do katalogu ‚/wp-content/themes’ aby skórka pojawiła się w spisie w zakładce [Design]->[Szaty graficzne]. Teraz już tylko wystarczy załadować upragnioną skórkę klikając na nią.

Niestety to nie w moim stylu. W myśl zasady „jak spadać to z wysokiego konia” zabieram się za rozszyfrowanie tajemnicy szablonów WordPress. Po pierwsze należy sobie uświadomić, że każda strona i blogu WordPress jest zbudowana z trzech bloków:

  • nagłówek (header)
  • treść (content)
  • stopka (footer)

Każdy z tych bloków generowany jest przez osobny skrypt wchodzący w skład skórki. Wystarczy więc edytować zawartość pliku header.php żeby wpłynąć na wygląd nagłówka oraz footer.php, żeby zmienić wygląd stopki. Pliki te znajdują się w katalogu każdej skórki.

Blok treści zawiera wszystko co znajduje się pomiędzy nagłówkiem i stopką i w zależności od sytuacji (struktura linku) generowany jest za pomocą jednego z plików:

  • home.php – panel strony głównej
  • single.php – panel pojedyńczego posta
  • page.php – panel strony typu page
  • archive.php – panel archiwum
  • category.php – panel kategorii
  • search.php – panel wyszukiwania
  • 404.php – panel błędu 404
  • comments.php – panel komentarzy
  • comments-popup.php – panel wyskakującego okna komentarzy
  • author.php – panel autora
  • date.php – panel artykułów z określonego dnia
  • sidebar.php – panel menu bocznego
  • searchform.php – panel formularza wyszukiwarki

Trzy główne bloki spinane są w jedną całość za pomocą pliku index.php i uzupełnione plikiem zawierającym style style.css.

Hierarchię plików i kolejność ich wywoływania świetnie opisuje poniższy rysunek (źródło codex):
Hierarchia plików skórki WordPress

Z tą podstawową wiedzą na temat struktury szablonu aplikacji WordPress można już się pokusić o modyfikację gotowego szablonu i przystosowanie go do swoich potrzeb. O tym jak napisać szablon od podstaw będzie następny odcinek.

Tradycyjnie na koniec pierwszego odcinka garść linków (lista jest rozwojowa, więc warto tu zaglądnąć czasem):

6 komentarzy na "WordPress: wygląd (odc.1) – struktura szablonu"

1 | pontic

18. grudnia 2010 o 3:18 pm

Avatar

Dzisiaj tak pomyślałem, że zacznę przeglądać jak zbudowane są inne CMS-y niż joomla. Do tej pory właśnie na niej działałem. Na google natknąłem się właśnie na tą stronkę szukając budowy nowego szablonu:) I muszę powiedzieć, że fajnie to opisałeś i sensownie. Dzięki;)

2 | Aureliusz

28. lutego 2011 o 2:28 pm

Avatar

fajny godny uwagi post – thx

3 | Stalowiec

13. marca 2011 o 11:15 pm

Avatar

No i nareszcie konkret do wordpress na naszym rynku blogów. Fajnie jakby pojawił się wpis o różnicy strony statycznej (html +css) a wordpressem… kwestie SEO itp ale co do tego wpisu rewelacja!!

4 | Dziewczyny WordPressa w Polsce | Wodospad kolorów

4. sierpnia 2011 o 7:48 pm

Avatar

[…] szukałam w necie informacji o podstawach Tworzenia szablonów WordPressa. Dlatego u Asi polecam artykuł o strukturze szablonu WordPress. Znajdziemy tam wykaz plików składających się na stronę generowaną przez WordPressa i… […]

5 | Marcin

29. stycznia 2012 o 3:40 pm

Avatar

Bardzo ciekawy post. Wiele przydatnych informacji. Dzięki, będę mógł wykorzystać na nowej stronie.
Pozdrawiam

6 | Vul

20. czerwca 2012 o 4:07 pm

Avatar

ja siedzie teraz na szablonie „easel” ,ale po przeczytaniu zaczynam sie zastanawiac nad zmianą…

Formularz komentarza

Lipiec 2017
P W Ś C P S N
« Cze    
 12
3456789
10111213141516
17181920212223
24252627282930
31  

Archiwa

About

Moje notatki z pracy

Subskrypcja

Wprowadź swój adres email aby zaprenumerować ten blog i otrzymywać powiadomienia o nowych wpisach przez email.

Tematy