Rozszerzona wersja mojej prelekcji z jesiennej edycji krakowskiego WordUpa.

1. Widżet GK News Show Pro
na 10 sposobów
WordUp Kraków @ 16.11.2013

2. Tomasz Dziuda
✓
Lead Developer
✓
@dziudek
✓
wp.dziudek.pl
✓
zebymniezapomnial.tumblr.com

3. Architektura widżetu

4. Wpis

5. Tytuł
Treść
Wpis
Grafika
Blok informacji
Link

6. Kontener
Tytuł
Treść
Wpis
Grafika
Blok informacji
Link

7. Kontener
Tytuł
Treść
Źródło danych
Wpis
Grafika
Blok informacji
Link
Format wpisu

8. Kontener
Tytuł
Treść
Źródło danych
Wpis
Grafika
Blok informacji
WordPress
Link
WooCommerce
RSS
JSON
XML
Format wpisu

9. Kontener
Tytuł
Treść
Źródło danych
Wpis
Grafika
Blok informacji
WordPress
Link
WooCommerce
RSS
JSON
XML
Format wpisu

10. Strony
Kolumny
Wiersze
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis

11. Format wpisu
Kontrolowany z kokpitu lub poprzez pliki *.format
<h3>
<a href=“{URL}”>{TITLE}</a>
</h3>
!
<p>{TEXT}</p>
!
<small>{DATE}</small>

12. Konfiguracja

13. Dla kogo jest ten
widżet?

14. Wykorzystanie

15. #1 Czytnik RSS

18. #2 Galeria produktów
z WooCommerce

21. #3 Lista wpisów

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

25. #4 Galeria

28. #5 Filtry obrazów

30. Więcej o implementacji filtrów:
!
http://wp.dziudek.pl/devlog/wlasne-filtry-obrazu-sepia-greyscale-w-wp_image_editor

31. #6 Podmiana grafik

32. wp-content/uploads/gk_nsp_cache/overrides/NAZWA_PLIKU.jpg

33. #7 Blok z wpisami

37. #8 Treści z różnych
kategorii

40. #9 Offset

43. #10 Rekomendacje

45. testimonials.json
[
]
{
},
…
"URL": "http:/
/www.gavick.com",
"title": "High quality",
"text": "Proin non…”,
"author_name": "Tomasz Dziuda",
"image": “path/to/avatar.jpg”

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

47. Kontener
Tytuł
Treść
Źródło danych
Wpis
Grafika
Blok informacji
testimonials.json
Link
Format wpisu
testimonials.format

48. CSS: https:/
/gist.github.com/dziudek/7356737

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

50. Pytania?