Cześć, pamiętasz mnie? Kto odwiedza Twój profil na Facebooku?


WordPress – podstawy tworzenia szablonów cz.2


03 grudnia 2012, 12:01 | 8 komentarzy | 9 289

Przepraszam, że tyle musieliście czekać. Chciałbym przedstawić Wam drugą część WordPressowego poradnika. Tym razem przyjrzymy się plikom w szablonie i dowiemy się dlaczego po wprowadzeniu do pliku index.php kodu, który nas interesuje, na podstronach ten kod przestaje być widoczny.

Przypuszczam, że skoro dopiero uczycie się obsługiwać WordPressa, to wspieracie się w swojej nauce gotowymi szablonami. Jeśli otworzycie którykolwiek z nich, znajdziecie tam pliki z rozszerzeniem .php i .css odpowiadające za poszczególne części strony oraz jej wygląd. Nie wszystkie wymienione poniżej przeze mnie możecie w swoim katalogu odnaleźć, ponieważ niekiedy użytkownik nie przygotował dla nich osobnego szablonu. Co możecie w katalogu głównym znaleźć?

index.php – główny plik szablonu (jeśli nie znalazłeś pliku home.php, a zamierzasz wprowadzić poprawki na stronie głównej, najprawdopodobniej tutaj będziesz szukał kodu, który Cię interesuje)

style.css – plik zewnętrznego arkusza stylów, tu zmieniał będziesz wygląd poszczególnych elementów (zwróć uwagę czy w szablonie nie ma katalogu /css – bardzo często tam kryją się pliki ze stylami)

404.php – plik który odpowiada za wygląd nieistniejącej podstrony

archive.php – szablon archiwalnego wpisu

category.php – szablon wyświetlania kategorii wpisów

comments.php – szablon komentarzy

footer.php – część strony (najczęściej powtarzająca się) odpowiedzialna za stopkę

header.php – część strony (najczęściej powtarzająca się) odpowiedzialna za nagłówek

home.php – osobna strona startowa, niezależna od szablonu umieszczonego w pliku index.php

page.php – szablon dla stron statycznych

single.php – szablon pojedynczego wpisu (to co widać po otwarciu wpisu, najczęściej poprzez kliknięcie na tytuł lub tekst „czytaj więcej”)

search.php – szablon odpowiedzialny za wyświetlanie wyników wyszukiwania

– searchform.php – szablon okna wyszukiwarki

sidebar.php – szablon paska bocznego (zwykle używany do umieszczania widgetów i bannerów)

Nieco inaczej prezentuje się plik functions.php. Początkującym sprawia on największą trudność. Tam właśnie podpina się menu do strony, podłącza się różne zewnętrzne pliki ze skryptami czy też plik css. Również w tym pliku deklaruje się przestrzeń na sidebar z widgetami.

Wspominałem w poprzednim tekście o czystym szablonie Stalkers. W wersji 4.0 z której obecnie korzystam znajduje się większość plików o których powyżej wspomniałem za wyjątkiem plików header.php footer.php. Najprościej ich szukanie zaczynać od strony głównej tj. index.php. Tam właśnie znalazłem na górze kod:

a na dole:

Oznacza on, że na górze i dole strony pobierany jest fragment szablonu header i footer z katalogu /parts/shared. I faktycznie. Katalog shared zawiera pliki html-footer.php, footer.php, html-header.php, header.php. Te z przedrostkiem html zawierają początek i koniec strony (DOCTYPE, sekcję head oraz otwarcie i zamknięcie body), pozostałe zawierają to, co na stronie można zobaczyć w nagłówku i stopce.

Koniec przynudzania. Czas zabrać się za wyjaśnienie podstawowych znaczników szablonowych. Następny poradnik znajdziecie tutaj. Jeśli chcielibyście, abym poruszył konkretny WordPressowy temat – piszcie w komentarzach. Zdecydowanie lepiej będzie, jak napiszę o problemach, które bezpośrednio Was dotyczą. Dobrej lektury.

Wiedzą na temat WordPressa aktualnie dzielę się poprzez serwis 500sekund.pl.

500-sekund-fb-logo

Jeśli znalazłeś jakąś literówkę, daj mi o tym znać poprzez zaznaczenie tekstu i wciśnięcie kombinacji Ctrl+Enter.

Będzie mi niezmiernie miło, jeśli dołączysz do mnie na Facebooku!

Kamil Lipiński – przedsiębiorca, bloger, projektant stron www, założyciel Mocnej Grupy Blogerów oraz człowiek, który ma wielką nadzieję na to, że można się czegoś sensownego o WordPressie dowiedzieć w 500 sekund.
Wierzący (bynajmniej nie w technologię) geek.
  • Pingback: Wordpress – podstawy tworzenia szablonów cz.1 - Kamil Lipiński()

  • Adam Warski

    Witam, jestem początkujący i póki co troche zielony w tworzeniu stron. chciałbym nauczyć się edytować lub tworzyć szablon wordpress według własnej wizji. Czekam z niecierpliwością na kolejne części i pomoc w programowaniu poszczególnych plików php.

    • Dzięki Adam. Twój komentarz motywuje mnie, żeby wkrótce wrócić do tej serii. Tymczasem sprawdź maila.

  • Adam Warski

    Kiedy można się spodziewać kolejnych części tworzenia szablonów WP?

    • Następna część już w poniedziałek.

  • Pingback: Wordpress – podstawy tworzenia szablonów cz.3 - Kamil Lipiński()

  • Łukasz

    Witam serdecznie, z niecierpliwością czekam na kolejny kurs dotyczący stworzenia rozbudowanego nagłówka (header) wordpressa, gdyż przekopując „połowę internetu”, natrafiam na rzeczy, które nie wyglądają tak jakbym chciał na wordpress.

Subscribe without commenting




Instagram

Raport o literówce

Następujący tekst zostanie wysłany do naszych redaktorów: