Upload
tomasz-dziuda
View
1.020
Download
2
Embed Size (px)
DESCRIPTION
Rozszerzona wersja mojej prelekcji z jesiennej edycji krakowskiego WordUpa.
Citation preview
Widżet GK News Show Pro na 10 sposobów
WordUp Kraków @ 16.11.2013
✓ Lead Developer
✓ @dziudek
✓ wp.dziudek.pl
✓ zebymniezapomnial.tumblr.com
Tomasz Dziuda
Architektura widżetu
Wpis
Tytuł
Treść
Grafika
Blok informacji
Link
Wpis
Kontener
Tytuł
Treść
Grafika
Blok informacji
Link
Wpis
Kontener
Źródło danych
Format wpisu
Tytuł
Treść
Grafika
Blok informacji
Link
Wpis
Kontener
Tytuł
WordPress
Treść
Grafika
Blok informacji
Link
WpisŹródło danych
Format wpisu
WooCommerce
RSS
JSON
XML
Kontener
Tytuł
WordPress
Treść
Grafika
Blok informacji
Link
WpisŹródło danych
Format wpisu
WooCommerce
RSS
JSON
XML
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Wpis
Strony
Kolumny
Wiersze
Format wpisu
<h3> <a href=“{URL}”>{TITLE}</a> </h3> !<p>{TEXT}</p> !<small>{DATE}</small>
Kontrolowany z kokpitu lub poprzez pliki *.format
Konfiguracja
Dla kogo jest ten widżet?
Wykorzystanie
#1 Czytnik RSS
#2 Galeria produktów z WooCommerce
#3 Lista wpisów
<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>
news-list.format
Kod CSS: https://gist.github.com/dziudek/7344172
#4 Galeria
#5 Filtry obrazów
Więcej o implementacji filtrów: !
http://wp.dziudek.pl/devlog/wlasne-filtry-obrazu-sepia-greyscale-w-wp_image_editor
#6 Podmiana grafik
wp-content/uploads/gk_nsp_cache/overrides/NAZWA_PLIKU.jpg
#7 Blok z wpisami
#8 Treści z różnych kategorii
#9 Offset
#10 Rekomendacje
[ { "URL": "http://www.gavick.com", "title": "High quality", "text": "Proin non…”, "author_name": "Tomasz Dziuda", "image": “path/to/avatar.jpg” }, … ]
testimonials.json
<blockquote> <img src="{IMAGE}" alt="Testimonial" /> <h3>{TITLE}</h3> <p>{TEXT}</p> <strong>{AUTHOR_NAME}: <a href="{URL}">{URL}</a></strong> </blockquote>
testimonials.format
CSS: https://gist.github.com/dziudek/7356737
Kontener
Źródło danych
Format wpisu
Tytuł
Treść
Grafika
Blok informacji
Link
Wpis
testimonials.format
testimonials.json
CSS: https://gist.github.com/dziudek/7356737
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
Pytania?