Artykuł ten został stworzony dla tych osób, które posiadają już jakąś wiedzę z zakresu konstrukcji stron www, wiedzą co to jest (x)html / CSS i potrafią się nim biegle posługiwać. Dodatkowym atutem przy projektowaniu theme do WP jest umiejetność tworzenia grafiki w programach specjalistycznych, np. Adobe Photoshop, dzięki temu nasz blog przybierze oryginalnego i unikalnego wygladu, który odzwierciedlać może naturę autora bloga.

Opracowując każdy opisany krok zobaczysz jakie tak naprawdę WordPress ma możliwości i własciwie w prostu sposób samemu dodawać i modyfikować poszczególne elementy bloga czy też strony. Samodzielnie tworząc skórę do WordPressa jesteśmy w stanie dopasować jej funkcjonalność do naszych potrzeb, nie korzystając przy tym z gotowych projektów.

Najważniejsze informacje dotyczące cms WordPress

Wiele osób słysząc pojęcie WordPress od razu kojarzy je z blogami, banalnymi pod względem wyglądu i funkcjonalności stronami prowadzonymi przez osoby, które chcą powiedzieć coś światu. Tego typu poglady o cms WordPress są wg mnie błędne. Bliżej poznając ten system, bardzo szybko można zmienić zdanie. Aby jednak tak się stało trzeba się przekonać na własnej skórze (poza tym , że blogowej to też cielesnej) jak działąją poszczególne elementy i do ilu funkcji mogą służyć.

Pierwsza oficjalna wersja WordPressa powstała w 2003, od tego czasu współzałożyciele projektu, czyli Ryan Boren, Matt Mullenweg oraz Mike Little na bieżąco aktualizują system wypuszczając do użytku publicznego coraz to nowe wersje posiadające bardziej zaawansowane funkcje. Ciekawostką jest to, że nazwy kolejnych pełnych wersji WP pochodzą od nazwisk muzyków jazzowych, np. Duke, Ronan, Ella, Getz, itd.

Istnieje również WP MU, który umozliwia obsługę większej ilości webblogów na tej samej bazie SQL.

Jak to działa?

System skórek do WordPressa oparty jest na szablonach oraz stylach CSS.
W skład każdej skóry wchodzi kilka podstawowych plików, które decydują o strukturze podstron na blogu, stronie głównej oraz wyglądzie wpisów (o tych plikach bliżej powiem w dalszej części).

W systemie WordPress rozróżniamy coś takiego jak strony, wpisy i listę wpisów.

Krok po kroku, czyli jak od zera zaprojektować własną skórę do WordPressa

Pierwszym ważnym krokiem jest zaprojektowanie szaty graficznej. Należy dokładnie zaplanować jakie elementy w jakim miejscu mają być wyświetlane, pamiętając przy tym, że na standardowym blogu mogą pojawić się kategorie wpisów, archiwum, do tego za pomocą różnych wtyczek (plugins) można dodać pozycję ostatnich komentarzy, ostatnich wpisów itd. W związku z tym najlepiej przygotować się na ewentualność dodawania czegoś z czasem bez potrzeby modyfikowania szaty graficznej.

Kiedy grafika już jest precyzyjnie dopracowana i przemyślana przechodzimy do cięcia oraz kodowania szablonu (xhtml/css). Opierając się o własne doświadczenie mogę polecić zakodowanie strony głównej w jednym pliku na sam początek, bo później i tak będziemy dokonywali na podstawie tego pliku kilka operacji.

Więcej o kodowaniu stron www dowiecie się czytając tutorial temu poświęcony.

Żeby zobrazować jak powinno wyglądać wstępne kodowanie zaprojektowanej strony głównej zapraszam na stronę demo,

Jest to bardzo prosty i standardowy szablon autorski, który posłuży nam jako przykład tworzenia theme do WordPressa. Wstępnie kodowanie zostało zapisane w zupełnie niezależym pliku html, aby później mieć ułatwiony do niego dostęp.

Kod mojego autorstwa wyglada następująco:

oraz xHTML

Pamietajcie, że nawet ten wstępny szablon strony głównej musi poprawnie wyświetlać się w każdej przeglądarce (Opera, Firefox, IE, Safari), jeżeli na samym początku zostanie wszystko dobrze przygotowane to uniknie się dodatkowych problemów w późniejszych etapach.