Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
WordPress dla każdego   Tworzenie stron w praktyce                                3 kwietnia 2013
A co to WordPress?CMS w PHP + MySQL● templatey● pluginy● wielojęzykowość*● bardzo rozwinięty i przyjazny  backend+ łatwo r...
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 -...
Struktura plików
Administracja Wordpressem
Wordpress Theme● domyślny (twentyten, twentyeleven,  twentytwelve)● gotowiec (templatemonster.com,  themeforest.net itp. )...
Własny szablon1. tworzymy od zera2. wybieramy jakiś inny i dostosowujemy:  a. podobny szablon z poprzedniego zlecenia  b. ...
Własny szablon c.d.● Underscores.me  ○ czyściutki (dosłownie) szablon● rootstheme.com  ○ wiele przydatnych usprawnień i fu...
Underscores.me
Własny szablon c.d.● Underscores.me  ○ czyściutki (dosłownie) szablon● rootstheme.com  ○ wiele przydatnych usprawnień i fu...
Twitter Bootstrap Themes
Struktura szablonu● includeowane części:    header.php, footer.php,    sidebar.php, comments.php,    searchform.php, conte...
Wordpress Template Hierarchy
Przydatne wtyczki● Advanced Custom Fields
Przydatne wtyczki● Wordpress SEO (xml sitemap, zarządzanie  tagami meta, linkami canonical)● Contact Form 7 - formularze k...
Live codingTworzymy szablon dla AKAI
Strona głównaStrona główna
Strona główna● menu nawigacyjne● logo, ikonki social zakodowane na  sztywno● eventy jako wpisy, z dodatkowymi polami  (ACF...
Podstrona "O nas"
Podstrona "O nas"- statyczna podstrona z własnymwyglądem, czyli custom template- oprócz treści, wyświetlać tubędziemy osob...
Plan przebiegu pracy1. Eventy będą wpisami, ale z datą i lokalizacją   eventu - Advanced Custom Fields Plugin2. Osoby jako...
Eventy będą wpisami, ale z datą ilokalizacją, czyli Advanced Custom FieldsPlugin1. Sciagamy i instalujemy ACF Plugin2. Ust...
Przydatne linki● http://codex.wordpress.org/:  "Template Hierarchy", "Template Tags",  "Conditional Tags", "WP_Query", "Ho...
Koniec =)                Pytania?Autor: Jacek Tomaszewski
Upcoming SlideShare
Loading in …5
×

Wordpress dla każdego

2,761 views

Published on

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.

Published in: Technology

Wordpress dla każdego

  1. 1. WordPress dla każdego Tworzenie stron w praktyce 3 kwietnia 2013
  2. 2. A co to WordPress?CMS w PHP + MySQL● templatey● pluginy● wielojęzykowość*● bardzo rozwinięty i przyjazny backend+ łatwo rozszerzalny+ dobre wsparcie dla SEO+ super dla blogów
  3. 3. Dla kogo?● blogi● typowe strony firmowe● portfolio (graficy, fotografowie, developerzy)● wortale informacyjne
  4. 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. 5. Struktura plików
  6. 6. Administracja Wordpressem
  7. 7. Wordpress Theme● domyślny (twentyten, twentyeleven, twentytwelve)● gotowiec (templatemonster.com, themeforest.net itp. )● własny - kroimy kroimy =)
  8. 8. Własny szablon1. tworzymy od zera2. 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. 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. 10. Underscores.me
  11. 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. 12. Twitter Bootstrap Themes
  13. 13. Struktura szablonu● includeowane 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. 14. Wordpress Template Hierarchy
  15. 15. Przydatne wtyczki● Advanced Custom Fields
  16. 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. 17. Live codingTworzymy szablon dla AKAI
  18. 18. Strona głównaStrona główna
  19. 19. Strona główna● menu nawigacyjne● logo, ikonki social zakodowane na sztywno● eventy jako wpisy, z dodatkowymi polami (ACF Plugin)
  20. 20. Podstrona "O nas"
  21. 21. Podstrona "O nas"- statyczna podstrona z własnymwyglądem, czyli custom template- oprócz treści, wyświetlać tubędziemy osoby z naszejorganizacji, czyli wpisy z własnympost_type == "person"- osoby będą pogrupowane"stanowiskami", czyli otagowaneosobnym, własnym taxonomy"position"
  22. 22. Plan przebiegu pracy1. Eventy będą wpisami, ale z datą i lokalizacją eventu - Advanced Custom Fields Plugin2. Osoby jako osobny rodzaj wpisów - register_post_type()
  23. 23. Eventy będą wpisami, ale z datą ilokalizacją, czyli Advanced Custom FieldsPlugin1. 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()
  24. 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. 25. Koniec =) Pytania?Autor: Jacek Tomaszewski

×