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?