Orange no-limit – jednak są limity „Wyciszanie” emaila i społeczności


WordPress – podstawy tworzenia szablonów cz.1


28 maja 2012, 09:13 | 4 komentarze | 19 568

Nie aspiruję do stworzenia pełnego przewodnika po WordPressie. Książek o tworzeniu szablonów i poradników (płatnych i bezpłatnych) w sieci można  znaleźć wiele. Co więc tu znajdziecie? Czytajcie dalej.

Zamierzam tu pisać jak radzić sobie z szablonami, jeśli przeczytało się już jakiś poradnik, umie się pisać w HTML/CSS i jako tako zna się na strukturze WP. Tak więc podejmę próbę uporządkowania wiedzy z zakresu przygotowywania szablonów pod WordPressa.

Tego typu przewodnik jest bardzo wygodny dla obu stron. Jeśli ja coś pominę, nikt nie będzie miał mi tego za złe, bo przecież uprzedzałem, że nie będę pisał o wszystkim :) Z drugiej strony jeśli coś już wiesz i chcesz się tylko upewnić jak pewne elementy szablonu edytować, jak wyglądają pętle, polecenia systemu WordPress – oszczędzisz dużo czasu, bo nie będziesz się przebijał przez podstawy.

Nie przedłużam. Zacznijmy. Zakładam, że zainstalowałeś już WordPressa na serwerze, założyłeś bazę danych i podłączyłeś ją podczas konfiguracji. Twoim oczom powinna pojawić się standardowa „kolejna strona zrobiona na WordPressie” jak zwykli podpisywać ją w standardowym szablonie twórcy. Ponieważ masz już zapewne gotową stronę przygotowaną w HTML/CSS i być może podłączone do niej skrypty, dlatego otwórz teraz plik z kodem w edytorze, którego używasz do pisania stron. Jeśli pliki z kodem strony głównej (lub strony startowej) są umieszczone w kilku plikach np. top.php, index.php oraz bottom.php wtedy otwórz wszystkie te pliki.

Lokalizacja szablonu

Teraz poszukajmy miejsca, gdzie znajdują się szablony w WordPressie. Tradycyjna ścieżka to /wp-content/themes/nazwa_szablonu. Po umieszczeniu w katalogu themes katalogu z gotowym szablonem, pojawi się on po zalogowaniu do panelu administracyjnego w sekcji Wygląd -> Motywy.

Pusty szablon – blank theme

Ponieważ jednak zależy nam na tym, żeby stworzyć własny szablon od podstaw, dlatego przyjrzyjmy się gotowym rozwiązaniom pustych szablonów. Są to szablony nie posiadające grafiki. Możecie się spotkać z angielską nazwą „blank theme”. Mimo iż nie posiadają stylu CSS (albo posiadają w bardzo okrojonej wersji) są to w pełni funkcjonalne szablony zintegrowane z WordPressem. Zaprezentuję dwa z nich:

BLANK WordPress Theme

Jest to szablon przygotowany przez Chrisa Coyiera. Przygotowany jest w XHTML 1.0 STRICT, od samego początku się waliduje, współpracuje z widgetami, tytuły są zoptymalizowane pod kątem pozycjonowania, a w pliku z funkcjami wykonanych jest kilka podstawowych zabiegów, które zwykle przy każdym projekcie musiałbyś na nowo wykonywać – tu jest to zrobione za Ciebie, dzięki czemu oszczędzasz kilkanaście minut pracy.

Demo

Interesujące jest to, że Chris Coyier przy nagrywanym videotutorialu Designing for WordPress (bardzo polecam!) rekomenduje nie swój szablon, ale szablon o nazwie Stalkers. Go właśnie chciałbym polecić:

Stalkers

Szablon został przygotowany przez Elliot Jay Stocksa. Autor chwali się poprawną konstrukcją kodu oraz tym, w odróżnieniu do BLANK WordPress Theme jego szablon jest całkowicie „nagi” tzn. nie zawiera nawet prostego stylu zawartego w szablonie Chrisa.

Pobierz szablon

W kolejnej części przedstawię strukturę plików typowego szablonu.

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

500-sekund-fb-logo

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

Kamil Lipiński – mąż i ojciec, przedsiębiorca, webdeveloper, bloger, 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.

Subscribe without commenting




Spelling error report

The following text will be sent to our editors: