WordPress dla każdegoTworzenie stron w praktyce

3 kwietnia 2013

A co to WordPress?

CMS w PHP + MySQL● template'y● pluginy● wielojęzykowość*● bardzo rozwinięty i przyjazny

backend

+ łatwo rozszerzalny+ dobre wsparcie dla SEO+ super dla blogów

Dla kogo?

● blogi● typowe strony firmowe● portfolio (graficy, fotografowie, developerzy)● wortale informacyjne

How to start?

● serwer PHP z MySQL(WAMP, LAMP)

● paczka z najnowszym WordPressem (pl.wordpress.org)

instalacja serwera -> stworzenie bazy MySQL -> skopiowanie plików Wordpressa -> run!

Struktura plików

Administracja Wordpressem

Wordpress Theme

● domyślny (twentyten, twentyeleven, twentytwelve)

● gotowiec (templatemonster.com, themeforest.net itp. )

● własny - kroimy kroimy =)

Własny szablon

1. tworzymy od zera2. wybieramy jakiś inny i dostosowujemy:

a. podobny szablon z poprzedniego zleceniab. domyślny z WordPressa (twentyeleven / twentytwelve)c. specjalny, 'bootstrapowy' szablon, zbudowany specjalnie

dla wordpress developerów:Underscores.me ; rootstheme.com ; 320press.com/wpbs/ ; themble.com/bones

Własny szablon c.d.

● Underscores.me○ czyściutki (dosłownie) szablon

● rootstheme.com○ wiele przydatnych usprawnień i funkcji○ trochę zmieniona struktura plików

● 320press.com/wpbs/○ j. w.

● themble.com/bones○ kompilacja plików CSS przez LESS/Sass

Underscores.me

Własny szablon c.d.

● Underscores.me○ czyściutki (dosłownie) szablon

● rootstheme.com○ wiele przydatnych usprawnień i funkcji○ trochę zmieniona struktura plików

● 320press.com/wpbs/○ j. w.

● themble.com/bones○ kompilacja plików CSS przez LESS/Sass

Twitter Bootstrap Themes

Struktura szablonu

● include'owane części: header.php, footer.php, sidebar.php, comments.php, searchform.php, content.php

● podstrony: 404.php, archive.php, index.php, page.php, no-results.php, search.php, single.php

● główny plik css: style.css● functions.php - odpalany jest

przy każdym włączeniu strony, jeszcze przed wygenerowaniem jakiejkolwiek odpowiedzi

Wordpress Template Hierarchy

Przydatne wtyczki

● Advanced Custom Fields

Przydatne wtyczki

● Wordpress SEO (xml sitemap, zarządzanie tagami meta, linkami canonical)

● Contact Form 7 - formularze kontaktowe● WP Super Cache / W3 Total Cache● WP-PageNavi● qTranslate / WPML● Wordpress Related Posts● i dużo, dużo więcej...

http://wordpress.org/extend/plugins/

Tworzymy szablon dla AKAI

Live coding

Strona główna

Strona główna

● menu nawigacyjne● logo, ikonki social zakodowane na

sztywno● eventy jako wpisy, z dodatkowymi polami

(ACF Plugin)

Strona główna

Podstrona "O nas"

Podstrona "O nas"

- statyczna podstrona z własnym wyglądem, czyli custom template- oprócz treści, wyświetlać tu będziemy osoby z naszej organizacji, czyli wpisy z własnym post_type == "person"- osoby będą pogrupowane "stanowiskami", czyli otagowane osobnym, własnym taxonomy "position"

Plan przebiegu pracy

1. Eventy będą wpisami, ale z datą i lokalizacją eventu - Advanced Custom Fields Plugin

2. Osoby jako osobny rodzaj wpisów - register_post_type()

Eventy będą wpisami, ale z datą i lokalizacją, czyli Advanced Custom Fields Plugin

1. Sciagamy i instalujemy ACF Plugin2. Ustawiamy "Własne pola" dla wpisów z

kategorii "Eventy"3. Dostosowujemy pliki szablonowe, dodając

wyświetlenie pól z lokalizacją i datą: the_field()

Przydatne linki

● http://codex.wordpress.org/: "Template Hierarchy", "Template Tags", "Conditional Tags", "WP_Query", "Hooks"

● Inne prezentacje:Beginners Guide to Wordpress (Wordcamp Montreal 2010)Wordpress Theme and Design

Koniec =)

Autor: Jacek Tomaszewski

Pytania?