W GavickPro zawsze poświęcaliśmy sporo czasu na rozwijanie darmowych produktów dostępnych dla szerokiego grona użytkowników. Ta prezentacja była premierą oraz pokazem możliwości naszych nowych i całkowicie darmowych pluginów dla WordPressa. Ujawnia też czego można się spodziewać po nadchodzącej wersji 2.* naszego darmowego frameworka – GavernWP.

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

4. Darmowe rozszerzenia

5. ✓ Oparte na licencji GPL
✓ Darmowe wsparcie techniczne
✓ Pełna funkcjonalność dostępna za darmo
✓ Łatwy wgląd do kodu źródłowego i jego zmian
na Githubie: https://github.com/GavickPro

6. GK LESS

7. LESS?

8. LESS = CSS +
Zmienne
Funkcje
Mixiny
Warunki
Komentarze inline
DRY
Zagnieżdżone reguły
Operacje matematyczne

9. @base_size: 1000px;
.border-radius(@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
.parent {
.border-radius;
width: @base_size;
.child {
.border-radius;
float: left;
width: @base_size * 0.25;
&:hover {
background: #eee;
}
& > div {
.border-radius;
}
}
}
.parent {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 1000px;
}
.parent .child {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float: left;
width: 250px;
}
.parent .child:hover {
background: #eee;
}
.parent .child > div {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
LESS CSS>> Preprocessor >>

10. Dla zainteresowanych
✓ http://lesscss.org/
✓ http://less2css.org/
✓ http://ciembor.github.io/lesscss.org/
✓ https://github.com/dziudek/LESS-Mixins
✓ http://www.slideshare.net/dziudek/less-word-up-
wrocaw2013
✓ http://getpreboot.com/

11. Konfiguracja

12. Możliwości
✓ Możliwość określenia katalogów wejściowych i
wyjściowych
✓ Kompilacja wybranych plików LESS
✓ Kompilacja na życzenie
✓ Generowanie errorlogów

13. Gdzie pobrać?
Github: https://github.com/GavickPro/GK-LESS
Dokumentacja: https://www.gavick.com/documentation/
wordpress-themes/plugins-for-wordpress/gk-less/

14. GK Tabs

15. Struktura Widżetu

16. Struktura Widżetu

17. Konfiguracja
Podstawowe
Interfejs
Animacja
Inne

19. Możliwości
✓ 6 wbudowanych styli
✓ Konfigurowalne animacje
✓ Konfigurowalny interfejs
✓ Cache

20. Konfigurowalny interfejs

21. Dostępne Style

22. Responsywność
✓ Obsługa gestów na ekranach dotykowych
✓ Pełna skalowalność

23. Własne Style
✓ Tworzymy plik o nazwie my-style.css
✓ Tworzymy w tym pliku odpowiedni nagłówek (File
Header API):
/*
Name: My style
*/
✓ Poprzedzamy wszystkie selektory CSS klasą .my-style
✓ Odświeżamy ustawienia widżetu, wybieramy z listy styli
My style i cieszymy się nowym stylem :-)

24. Akcje i Filtry
✓ gk_tabs_before_tabs_wrapper
✓ gk_tabs_before_tabs_list
✓ gk_tabs_after_tabs_list
✓ gk_tabs_before_tabs
✓ gk_tabs_after_tabs
✓ gk_tabs_after_tabs_wrapper
✓ gk_tabs_tab_title
✓ gk_tabs_tab_content
✓ gk_tabs_prev_button
✓ gk_tabs_next_button

25. Gdzie znaleźć?
Github: https://github.com/GavickPro/GK-Tabs
Dokumentacja: https://www.gavick.com/documentation/
wordpress-themes/plugins-for-wordpress/gk-tabs/

26. Przerwa dla Gardła ;-)

27. GK News Show Pro

30. Struktura
Wpis
Źródło
danych
Format
wpisu
Kontener

31. Wpis
✓ Standardowo składa się z:
✓ Tytułu
✓ Tekstu
✓ Grafiki
✓ Bloku informacji
✓ Hiperłącza

32. Kontener
✓ Struktura otaczająca wpisy
✓ Pozwala na tworzenie dowolnych układów

33. Źródło danych
✓ Źródło informacji wyświetlanych we wpisie
✓ Generuje elementy artykułu
✓ Mapuje dane dla formatu wpisu

34. Format wpisu
Opisuje strukturę wpisu za pomocą wstawek
zamienianych na odpowiednie wartości
{ID} {URL} {TITLE} {TEXT}
{IMAGE_FULL}
{IMAGE_LARGE}
{IMAGE_MEDIUM}
{IMAGE_THUMBNAIL}
{CATEGORIES}
{AUTHOR_ID}
{AUTHOR_NAME}
{AUTHOR_URL} {DATE}
{COMMENT_COUNT}
{COMMENTS}
<h3>
<a href={URL}>{TITLE}</a>
</h3>
<p>{TEXT}</p>
<small>{DATE}</small>

35. Dostępne źródła danych
✓ WordPress
✓ WooCommerce
✓ Pliki XML
✓ Pliki JSON
✓ Kanały RSS

36. Dostępne Kontenery
✓ Kontener domyślny
✓ News Gallery
✓ Title Overlay

37. Konfiguracja

40. Filtry i Akcje
✓ gk_nsp_art_title
✓ gk_nsp_art_text
✓ gk_nsp_art_image
✓ gk_nsp_art_info
✓ gk_nsp_art_readmore
✓ gk_nsp_link_title
✓ gk_nsp_link_text
✓ gk_nsp_before_article
✓ gk_nsp_after_article
✓ gk_nsp_before_link
✓ gk_nsp_after_link
✓ gk_nsp_before_wrapper
✓ gk_nsp_after_wrapper

41. Przykłady użycia

46. Gdzie znaleźć? (beta)
Github: https://github.com/GavickPro/GK-News-Show-Pro
Dokumentacja: https://github.com/GavickPro/GK-News-Show-Pro/wiki

47. Let’s talk about future

48. GavernWP v.2.0

49. [Screeny]

50. Nowe rodzaje responsywnego menu

53. Font Awesome

54. GK LESS - integracja
✓ Plik variables.less
✓ @nazwa: wartość; //Etykieta;opis

55. Nowe podstrony
✓ FAQ
✓ Team
✓ Team member
✓ Odświeżona Galeria
✓ Archiwum

56. Porządki
✓ Przegląd dokumentacji inline
✓ Usunięcie mało popularnych opcji
✓ Zmiana ustawień domyślnych na
wygodniejsze

57. Optymalizacja
✓ Cache plików JSON
✓ Nowa struktura ustawień
✓ Zoptymalizowane Widget Rules

58. Kiedy?
~Listopad 2013

59. Ważne Adresy
✓ http://www.gavick.com/
✓ https://github.com/GavickPro
✓ @gavickpro

60. Pytania?