W sieci znajdziemy obecnie ponad 60 mln stron opartych na WordPressie. Korzystają z niego nie tylko blogerzy, ale także agencje interaktywne, tworzące złożone strony firmowe i pojedyncze osoby zakładające własną stronę internetową. Zacznij swoją przygodę z tworzeniem stron i dowiedz się jak w jeden wieczór postawić i dostosować własnego bloga, portfolio czy stronę firmową. Na spotkaniu omówimy podstawy, takie jak struktura i funkcjonowanie WordPressa, jego instalacja czy dostosowywanie szablonu.

1. WordPress dla każdego
Tworzenie stron w praktyce
3 kwietnia 2013

2. 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

3. Dla kogo?
● blogi
● typowe strony firmowe
● portfolio (graficy, fotografowie, developerzy)
● wortale informacyjne

4. 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!

5. Struktura plików

6. Administracja Wordpressem

7. Wordpress Theme
● domyślny (twentyten, twentyeleven,
twentytwelve)
● gotowiec (templatemonster.com,
themeforest.net itp. )
● własny - kroimy kroimy =)

8. Własny szablon
1. tworzymy od zera
2. wybieramy jakiś inny i dostosowujemy:
a. podobny szablon z poprzedniego zlecenia
b. 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

9. 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

10. Underscores.me

11. 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

12. Twitter Bootstrap Themes

13. 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

14. Wordpress Template Hierarchy

15. Przydatne wtyczki
● Advanced Custom Fields

16. 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/

17. Live coding
Tworzymy szablon dla AKAI

18. Strona główna
Strona główna

19. Strona główna
● menu nawigacyjne
● logo, ikonki social zakodowane na
sztywno
● eventy jako wpisy, z dodatkowymi polami
(ACF Plugin)

20. Podstrona "O nas"

21. 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"

22. 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()

23. Eventy będą wpisami, ale z datą i
lokalizacją, czyli Advanced Custom Fields
Plugin
1. Sciagamy i instalujemy ACF Plugin
2. 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()

24. 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

25. Koniec =)
Pytania?
Autor: Jacek Tomaszewski