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.