
YOOtheme - Widgetkit
V dnešním článku si něco povíme o rozšíření YOOtheme - Widgetkit, které uživatelé používající YOOtheme šablony jistě znají a také ocení. YOOtheme - Widgetkit je přímý nástupce YOOtools nástrojů, které byly především známé na Joomla 1.5 a jedná se zejména o tato rozšíření:
Interaktivní náhledy Widgetů pro ilustraci byli zrušeny a nahrazeny snímky z prohlížeče.
- YOOaccordion
- YOOcarousel
- YOOdrawer
- YOOgallery Modul
- YOOholidays
- YOOiecheck
- YOOlogin
- YOOmaps
- YOOscroller
- YOOsearch
- YOOslider
- YOOsnapshots
- YOOtoppanel
- YOOtweet
- YOOeffects
- YOOgallery Plugin
- YOOtooltip
YOOtheme Widgetkit
Jedná se o nástroje poskytující zajímavé funkce jako je možnost používání interaktivních Google mapy, galerii, media player (přehrávač), slideshow, slideset nebo také Lightbox či Spotlight efekty, včetně Twitter modulu a Accordion.
Verze YOOtheme Widgetkit
Společnost YOOtheme nabízí Widgetkit ve dvou variantách a to v placené a free verzi (Lite). YOOtheme Widgetkit Lite obsahuje funkce jako je Lightbox, Spotlight, Twitter, Media Player a Slideshow (Lite), zatímco placená verze YOOtheme Widgetkit obsahuje navíc Slideset, Gallery, Map a Accordion, včetně bonusových stylů a image source pro Widgetkit a bonusové styly.
Widgetkit Slideshow
Jedná se o obrazový a textový prezentační režim pro Joomla! a WordPress, který je flexibilní a snadno přizpůsobitelný. Widgetkit Slideshow nabízí:
- Obsahuje čistý a velmi efektivní kód
- 17 různých přechodových stylů
- Využívá Hardwarovou akceleraci CSS3 animací
- Javascript animation fallback pro všechny Internet Explorer
- Podpora pro HTML titulky
- Swipe navigace pro mobilní telefony
- Postaven s HTML5, CSS3, PHP 5.2 +, včetně nejaktuálnější verze jQuery
- Podporuje Joomla! a WordPress
Widgetkit Slideshow obsahuje několik stylů a to Screen, Default, Box, Button, Tabs, Tabs Bar a List, která jsou k vidění na webových stránkách yootheme.com/widgetkit/examples/slideshow
Widgetkit Slideset
Slideset je určen pro přehledné a plně interaktivní zobrazení více položek v elegantním módu. Výhodou Slideset je možnost vložení přímého odkazu na další produkty či do samotné kategorie produktů. Widgetkit Slideset nabízí:
- Obsahuje čistý a velmi efektivní kód
- 17 různých přechodových stylů
- Využívá Hardwarovou akceleraci CSS3 animací
- Javascript animation fallback pro všechny Internet Explorer
- Podpora pro HTML titulky
- Swipe navigace pro mobilní telefony
- Postaven s HTML5, CSS3, PHP 5.2 +, včetně nejaktuálnější verze jQuery
- Podporuje Joomla! a WordPress
Widgetkit Slideset obsahuje čtyři styly a to Slideset, Zoom, Drops a Deck, které jsou k vidění na webových stránkách yootheme.com/widgetkit/examples/slideset
Widgetkit Gallery
Galerie poskytuje jednoduchý a plně efektivní způsob, jak zobrazit fotografie v přehledné fotogalerii s jednoduchým nastavením. Jedná se o ideální řešení při zobrazení několika fotek. Stačí pouze v administraci Widgetkit pro galerii nastavit složku a celá galerie je vytvořena automaticky. Stačí pouze do článku vložit patřičný kód a zobrazíte si tak pohodlně v článku sérii fotek. Widgetkit Gallery nabízí:
- Možnost zvolit z několika efektů, včetně wall, slider nebo slideshow
- Stačí pouze přidat složku a fotky jsou ihned připraveny
- Podpora vícesložek s obrázky
- Automatické vytváření náhledů
- Podpora vlastních odkazů a titulku pro obrázky
- Využívá Widgetkit doplněk jako je Lightbox a Spotlight
- Postaven s HTML5, CSS3, PHP 5.2 +, včetně nejaktuálnější verze jQuery
- Podporuje Joomla! a WordPress
Widgetkit Gallery obsahuje několik různých modů jako je například Showcase Box, Image Wall, Polaroid, Slider, Slideshow, Spotlight a Slideset, které jsou k vidění na webových stránkách yootheme.com/widgetkit/examples/gallery
Widgetkit Map
Jedná se o jednoduché a efektivní řešení, jak doplnit interaktivní Google mapy do webových stránek s mnoha různými funkcemi, které Vám umožní upravit zobrazení map přesně podle Vašich potřeb. Widgetkit Map nabízí:
- Výběr umístění s automatickým geokódem
- Podpora více mapových značek, včetně textových vyskakovacích oken
- Možnost získat směr k aktivní značce
- Podpora vlastních mapových stylů a barev
- Využívá nejnovější verzi Google Maps API
- Postaven s HTML5, CSS3, PHP 5.2 +, včetně nejaktuálnější verze jQuery
- Podporuje Joomla! a WordPress
Widgetkit Maps lze shlédnout na webových stránkách yootheme.com/widgetkit/examples/map
Widgetkit Accordion
Accordion umožňuje na malém prostoru zobrazit značné množství informací v jednotlivých položkách, které se po kliknutí rozbalí nebo sbalí, včetně svého obsahu. Widgetkit Accordion nabízí:
- Obsahuje čistý a velmi efektivní kód
- Jemné přechodové efekty pro rozbalení nebo sbalení položek
- Možnost automatického nastavení výšky pro různý obsah
- Možnost nastavení auto collapse, včetně možnosti otevření více položek
- Postaven s HTML5, CSS3, PHP 5.2 +, včetně nejaktuálnější verze jQuery
- Podporuje Joomla! a WordPress
Více ukázek Widgetkit Accordion lze shlédnout na webových stránkách yootheme.com/widgetkit/examples/accordion
Widgetkit Lightbox
Lightbox umožňuje prohlížet obrázky, HTML, anebo multimediální obsah na tmavém tlumeném překrytí, aniž by jste museli opustit své webové stránky. Na výběr máte ze tří animací a to Fade, Elastic a žádné (none), včetně možnosti nastavit hodnoty pro pozicování jako jsou Float, inside a over. Widgetkit Lightbox nabízí:
- Vložit obsah jako je YouTube, Vimeo, MP4 (h.264), SWF, Inline, Iframe
- Můžete zobrazovat videa, obrázky, HTML, Iframe obsah, AJAX prvky a SWF
- Lightbox umí kombinovat různé typy obsahu
- Poskytuje flexibilní design pro obrázky v mobilních zařízeních
- Načtení dalších widgetkit doplňků
- Nabízí tři různé přechody pro otevření a zavření
- Nabízí čtyři různé styly pro titulek
- Skrolovací navigace pro klávesnici a myš
- Postaveno na nejmodernější verzi jQuery
- Podporuje Joomla! a WordPress
Načtení Widgetu s Lightbox
Pro načtení Widgetu Slideshow s Lightbox použijeme #wk-ID a to například takto:
<a data-lightbox="width:600;height:300;" href="#wk-10">Lightbox</a>
kde za ID dosadíme naše ID číslo vytvořeného Slideshow viz: #wk-10.
Seznam možných parametrů k použití:
- titlePosition - (float, outside, inside or over)
- transitionIn - (fade, elastic or none)
- transitionOut - (fade, elastic or none)
- overlayShow - true nebo false
- scrolling - yes nebo no
- width - nastavení šířky v pixelech
- height - nastavení výšky v pixelech
- padding - nastavení padding v pixelech
Widgetkit Lightbox lze shlédnout na webových stránkách yootheme.com/widgetkit/examples/lightbox
Widgetkit Spotlight
Spotlight umožňuje použít překrytí obrázku, anebo html obsahu, který mizí nebo se posouvá. Pro Spotlight jsou k dispozici animace jako je Fade, top, right, left a bottom, které jsou k vidění na webových stránkách YOOtheme. Widgetkit Spotlight nabízí:
- Možnost efektivního a pěkného překrytí obrázku nebo html obsahu
- Možnost zvolit až z 5 animací
- Postaven na nejmodernější verzi jQuery
- Podporuje Joomla! a WordPress
Widgetkit Spotlight lze shlédnout na webových stránkách yootheme.com/widgetkit/examples/spotlight
Použití Spotlight
Použijte HTML5 datový atribut "data-spotlight" pro aktivaci na webových stránkách.
Widgetkit Twitter
Widgetkit Twitter modul je jednoduché a efektivní řešení, jak zobrazit tweety na svých webových stránkách. Všechny tweety se ukládají do cache, takže jsou k dispozici a především jsou k dispozici rychle, i když není zrovna Twitter k dispozici. Widgetkit Twitter nabízí:
- Filtrování pomocí hashtags, slov, od uživatelů či od referenčních odkazů
- Lze blokovat tweety pomocí černé listiny
- Tweety jsou ukládány do cache pro zajištění vysokého výkonu
- Zobrazení tweetu, i když není Twitter k dispozici
- Možnost použít jeden ze tří stylů pro Tweety
- Aktivní používání HTML5 prvků
- Podporuje Joomla! a WordPress
Widgetkit Twitter lze shlédnout na webových stránkách yootheme.com/widgetkit/examples/twitter
Widgetkit Media Player
Media Player je plně postaven na HTML5 technologii a je určen pro přehrávání audio a video souborů. Media Player byl vyvinut plně v HTML a CSS a lze za pomoci tohoto widgetu vložit multimediální soubory snadno do webových stránek pomocí video HTML5 prvku. Fallback pro Flash player je samozřejmě součástí a je tak plně k dispozici pro nepodporované prohlížeče. Widgetkit Media Player nabízí:
- Nativní přehrávání pro prohlížeče podporující HTML5
- Podporuje MP4 (H.264),WebM, FLV, WMV a MP3 soubory
- Kompletně postaven na HTML a CSS
- Identické uživatelské rozhraní v různých prohlížečích
- Možnost vytvoření vlastního skinu
- Fallback pro Flash Player u nepodporovaných prohlížečů
- Podporuje Joomla! a WordPress
Lze shlédnout na webových stránkách yootheme.com/widgetkit/examples/media-player
Použití Media Playeru
Pokud chceme použít tento widget, stačí použít element "video" a v případě určení konkrétního typu videa použijeme element ve tvaru "video/mp4 nebo video/ogg" apod.
Závěrem
Ať jste se již rozhodli jakkoliv ohledně použití YOOtheme Widgetkit, doufáme, že aspoň rozhodování ohledně nasazení sady těchto rozšíření / doplňků pro Joomla! a WordPress Vám tento článek trochu usnadnil. Na konec snad jen dodat, že YOOtheme Widgetkit je kvalitní sada doplňků, která potěší zejména tam, kde uživatel potřebuje nasadit jednoduché a snadno ovladatelné doplňky, které poskytují opravdu kvalitní a pěkné výsledky.