Frontendowiec.pl Miecho.pl. Strona 1 z 5. Mieszko Domagała 2014 Wszelkie prawa zastrzeżone.

Transkrypt

1 Strona 1 z 5

2 Strona bardziej Twoja - demo czyli tworzymy swój szablon pod Wordpressa przykładowe fragmenty Mieszko Domagała. UWAGA! Ten poradnik jest chroniony prawem autorskim. Kopiowanie, rozpowszechniane, modyfikacja i publikacja bez zgody autora ZABRONIONA! W tym poradniku otrzymasz praktyczną wiedzę, jak rozpocząć przygodę z tworzeniem motywów do systemu Wordpress. Jest to umiejętność w cenie! Dzięki temu poradnikowi, będziesz mógł zrealizować np. zlecenie na stronę internetową, którą oprzesz o system Wordpressa, a szablon dostosujesz do wymagań Twojego klienta. Możesz również samemu utworzyć projekt szablonu i go zakodować, potem sprzedać w serwisach pośredniczących(jak Themeforest) kilka(naście, set) razy za kilkadziesiąt dolarów! Jeśli uda Ci się wykorzystać odpowiednio wiedzę z tego poradnika, staniesz się bogatszy(a) nie tylko o praktyczną wiedzę! UWAGA! Poradnik jest przeznaczony dla osób, które znają język HTML oraz CSS. UWAGA! To jest tylko fragment mojego poradnika. Jeśli chcesz zdobyć pełną wersję, to wejdź na stronę Strona 2 z 5

3 Przed stworzeniem naszego motywu, musimy sobie odpowiedzieć na jedno zajebiście, ale to zajebiście ważne pytanie cytując klasyka (dla niewtajemniczonych: cytat z filmu Chłopaki Nie Płaczą ).Co chcemy osiągnąć. Na potrzeby tego artykułu, zrobimy standardowy, uniwersalny motyw z dwoma kolumnami, górnym menu, oraz miejscem na widgety nad stopką. W kolumnie lewej będą wylistowane skróty wpisów, w prawej natomiast będzie miejsce na widgety. Przy wpisach pojawią się linki do tagów, oraz link do podstrony autora. Strona 3 z 5

4 - footer.php działa analogicznie jak header.php, jednak umieszczamy go na końcu strony funkcją get_footer(); W tym możemy zrobić sobie stopkę, dodatkowo musimy domknąć wszelkie niedomknięte wcześniej znaczniki, szczególnie body oraz html. Obowiązkowe jest także dodanie w nim instrukcji echo wp_footer(); która wywoła ostatnie wordpressowe skrypty. Np. pasek administracyjny, kiedy jesteśmy zalogowani na swojej stronie. - functions.php w nim dodajemy funkcjonalności naszego motywu. W naszym przypadku będą to dwa miejsca na widgety. - page.php szablon podstrony (nie wpisu). - single.php szablon wpisu, posty (nie podstrony). - comments.php zawiera komentarze, oraz formularz do komentowania wpisów, oraz podstron, ale robię wersję okrojoną, bez komentarzy. ( ) W pliku nagłówkowym powinniśmy także, według konwencji wordpressa dodać taką linijkę: <link rel="pingback" href="<?php bloginfo('pingback_url');?>"> - dzięki niej, kiedy na jakimś innym blogu zostanie umieszczony link do naszej strony, zostaniemy o tym powiadomieni, a także będziemy mogli to zaakceptować w komentarzach pod danym wpisem. Jest to tzw. pingback. Przed zamknięciem znacznika head, musimy jeszcze dodać taki fragment: <?php wp_head();?> - po prostu Wordpress tego potrzebuje. (...) Teraz edytujemy mockup wpisu. Przydatne i polecane przeze mnie funkcjonalności do tych celów, to: (...) - the_title(); - generuje tytuł wpisu. - the_permalink(); - generuje adres url prowadzący do całości wpisu. Przejdźmy teraz do zrobienia sidebara. Doróbmy tutaj drugą kolumnę. W tej kolumnie dodajmy miejsce na widgety: if ( function_exists('dynamic_sidebar') ) dynamic_sidebar('sidebar Widgets ); W pierwszej linii sprawdzamy czy szablon posiada funkcję wstawiania dynamicznych sidebarów. W kolejnej linii natomiast wstawiamy sidebar o nazwie Sidebar Widgets. Zajrzyj do pliku functions.php i przypomnij sobie jakie miejsca na widgety definiowali śmy. Strona 4 z 5

5 UWAGA! To jest tylko fragment mojego poradnika. Jeśli chcesz zdobyć pełną wersję, to wejdź na stronę Strona 5 z 5