wordpress dla każdego
DESCRIPTION
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.TRANSCRIPT
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
