Widżet GK News Show Pro na 10 sposobów - WordUp Kraków 2013

1,879 views

Published on

Rozszerzona wersja mojej prelekcji z jesiennej edycji krakowskiego WordUpa.

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
1,879
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Widżet GK News Show Pro na 10 sposobów - WordUp Kraków 2013

  1. 1. Widżet GK News Show Pro na 10 sposobów WordUp Kraków @ 16.11.2013
  2. 2. Tomasz Dziuda ✓ Lead Developer ✓ @dziudek ✓ wp.dziudek.pl ✓ zebymniezapomnial.tumblr.com
  3. 3. Architektura widżetu
  4. 4. Wpis
  5. 5. Tytuł Treść Wpis Grafika Blok informacji Link
  6. 6. Kontener Tytuł Treść Wpis Grafika Blok informacji Link
  7. 7. Kontener Tytuł Treść Źródło danych Wpis Grafika Blok informacji Link Format wpisu
  8. 8. Kontener Tytuł Treść Źródło danych Wpis Grafika Blok informacji WordPress Link WooCommerce RSS JSON XML Format wpisu
  9. 9. Kontener Tytuł Treść Źródło danych Wpis Grafika Blok informacji WordPress Link WooCommerce RSS JSON XML Format wpisu
  10. 10. Strony Kolumny Wiersze Wpis Wpis Wpis Wpis Wpis Wpis Wpis Wpis Wpis Wpis Wpis Wpis Wpis Wpis Wpis
  11. 11. Format wpisu Kontrolowany z kokpitu lub poprzez pliki *.format <h3> <a href=“{URL}”>{TITLE}</a> </h3> ! <p>{TEXT}</p> ! <small>{DATE}</small>
  12. 12. Konfiguracja
  13. 13. Dla kogo jest ten widżet?
  14. 14. Wykorzystanie
  15. 15. #1 Czytnik RSS
  16. 16. #2 Galeria produktów z WooCommerce
  17. 17. #3 Lista wpisów
  18. 18. news-list.format <time datetime=“{DATE_W3C}”>{DATE}</time> <h3> <a href="{URL}" title=“{TITLE_ESC}”>{TITLE}</a> </h3> <p> Dodane przez: <a href=“{AUTHOR_URL}">{AUTHOR_NAME}</a> </p> Kod CSS: https:/ /gist.github.com/dziudek/7344172
  19. 19. #4 Galeria
  20. 20. #5 Filtry obrazów
  21. 21. Więcej o implementacji filtrów: ! http://wp.dziudek.pl/devlog/wlasne-filtry-obrazu-sepia-greyscale-w-wp_image_editor
  22. 22. #6 Podmiana grafik
  23. 23. wp-content/uploads/gk_nsp_cache/overrides/NAZWA_PLIKU.jpg
  24. 24. #7 Blok z wpisami
  25. 25. #8 Treści z różnych kategorii
  26. 26. #9 Offset
  27. 27. #10 Rekomendacje
  28. 28. testimonials.json [ ] { }, … "URL": "http:/ /www.gavick.com", "title": "High quality", "text": "Proin non…”, "author_name": "Tomasz Dziuda", "image": “path/to/avatar.jpg”
  29. 29. testimonials.format <blockquote> <img src="{IMAGE}" alt="Testimonial" /> <h3>{TITLE}</h3> <p>{TEXT}</p> <strong>{AUTHOR_NAME}: <a href="{URL}">{URL}</ a></strong> </blockquote> CSS: https:/ /gist.github.com/dziudek/7356737
  30. 30. Kontener Tytuł Treść Źródło danych Wpis Grafika Blok informacji testimonials.json Link Format wpisu testimonials.format
  31. 31. CSS: https:/ /gist.github.com/dziudek/7356737
  32. 32. Gdzie szukać? (beta) (wersja stabilna po wydaniu WordPress 3.8) ! ! Github: https://github.com/GavickPro/GK-News-Show-Pro ! Dokumentacja: https:/ /github.com/GavickPro/GK-News-Show-Pro/wiki
  33. 33. Pytania?

×