Wordpress

Slider Revolution WordPress Plugin Review & How To Guide

Slider Revolution je prémiový posuvník dostupný jako plugin WordPress a rozšíření Magento. V komunitě WordPress si získal obrovskou popularitu díky široké škále funkcí a snadnému použití.

V tomto přehledu pokryjeme hlavní funkce Slider Revolution WordPress Plugin, a pak vám ukážeme, jak snadné je vytvořit si vlastní posuvníky od začátku.

Získejte Slider Revolution se svým tématem! Plugin Slider Revolution je zdarma součástí zakoupení našeho Total WordPress Theme jako přibaleného pluginu. Takže nejen, že získáte úžasný plugin, získáte také téma Total a také plugin pro tvorbu stránek WPBakery! (Viz poznámky k instalaci a používání vašich přiložených pluginů níže).

Získejte Slider Revolution

Slider Revolution: Co dělá tento plugin tak skvělým

Slider Revolution obsahuje spoustu skvělých funkcí, které usnadňují vytváření vlastních posuvníků pro váš web. Zde je několik našich oblíbených.

Rozvržení a odezva

Slider Revolution trochu změnil zaměření, aby byl víc než jen posuvník. Od aktualizace verze 6 můžete samozřejmě vytvářet úžasné animované posuvníky, stejně jako kolotoče a scény (jeden snímek používaný jako řádek nástroje pro tvorbu stránek). Plugin je také připraven na odezvu s novou inteligentní možností dědění. Takže místo toho, aby se váš posuvník na mobilních zařízeních jednoduše zmenšil, prvky změní velikost nebo se zmenší tak, aby váš posuvník nebo modul byl čitelný a optimalizoval se podle zařízení.

Více zdrojů obsahu

Chcete pro své příspěvky vytvořit posuvník? Nebo pro vaše produkty WooCommerce? Není problém – vyberte si z 9 různých zdrojů obsahu při vytváření posuvníku.

V době psaní tohoto příspěvku Slider Revolution podporuje obsah založený na:

  • Výchozí/vlastní: nahrajte své vlastní obrázky/video
  • příspěvky: vyberte si ze svých blogových příspěvků, vlastních typů příspěvků, konkrétních ID příspěvků nebo použijte aktuální příspěvek/stránku (skvělé, pokud chcete do blogového příspěvku nebo položky portfolia přidat doporučený posuvník)
  • WooCommerce: zobrazte své produkty
  • sociální síte: konkrétně Flickr, Instagram, Twitter, Facebook, YouTube nebo Vimeo

Snadné možnosti

Slider Revolution vám usnadňuje vytváření vlastních posuvníků přidáním možností pro téměř vše. Vyberte si zpoždění snímku, navigační šipky, vlastní písma, přidejte pozadí paralaxy, umístění posuvníku (přidejte okraje), přidejte vrstvy médií, tlačítka vložení, vyberte přechody snímků a další – to vše pomocí rozevíracích nabídek v celém pluginu.

A navíc si můžete přizpůsobit téměř vše a dokonce si uložit vlastní předvolby, aby bylo opětovné použití stylů písem, přechody mezi snímky, animace vrstev a další super snadné.

Podpora médií

Přidejte text, odkazy, obrázky, videa a zvuk pomocí několika kliknutí myší. To vám dává možnost vytvářet informace bohaté na snímky, se kterými se vaši čtenáři a klienti budou moci ztotožnit. Navíc je každý z těchto typů médií přidán jako vlastní vrstva s jedinečnými animacemi, načasováním a styly, které nastavíte pomocí super možností Slider Revolution.

Instalace Slider Revolution

Nejprve si budete muset pořídit kopii pluginu Slider Revolution WordPress. Existuje několik různých metod instalace pluginu v závislosti na tom, zda jste si zakoupili vlastní kopii pluginu nebo zda byla součástí vašeho prémiového motivu.

1. Nainstalujte svou kopii Slider Revolution

Slider Revolution ke stažení

Pokud jste si zakoupili vlastní kopii Slider Revolution od CodeCanyon, budete si muset plugin nainstalovat sami. Chcete-li stáhnout soubory pluginu, přihlaste se ke svému účtu Envato a přejděte na stránku pro stahování (na tuto stránku se dostanete umístěním kurzoru myši na své uživatelské jméno). Poté vyhledejte svou kopii Slider Revolution a vyberte možnost stažení pro „Pouze instalovatelný soubor WordPress“.

Slider Revolution Přidat nový plugin

Dále se přihlaste na svůj web WordPress a přejděte na Pluginy > Přidat nový.

Slider Revolution Vyberte Plugin Zip

Poté klikněte na tlačítko „Nahrát plugin“ v levé horní části obrazovky.

Odtud pomocí tlačítka „Vybrat soubor“ vyberte soubor pluginu, který jste právě stáhli z CodeCanyon, a klikněte na tlačítko „Instalovat nyní“.

Slider Revolution Aktivovat plugin

Poté stačí aktivovat plugin a jste připraveni začít vytvářet posuvníky!

Rozbalte složku zásuvných modulů a nahrajte ji přes FTP

Poznámka: Svůj plugin můžete také nainstalovat přes FTP tak, že se přihlásíte na svůj server a nahrajete extrahovaný (rozbalený) plugin do vaší složky umístěné na wp-content/plugins.

2. Nainstalujte Slider Revolution, který je součástí prémiového motivu

Mnoho prémiových témat obsahuje kopie prémiových pluginů se stažením motivu. Pokud takto chcete nainstalovat svou kopii Slider Revolution, budete se muset odkázat na dokumentaci svého motivu.

Většina vývojářů motivů dělá vše pro to, aby proces instalace přibaleného pluginu byl snadný. Například zahrnutím oznamovací lišty nebo aktivačního panelu.

Total Theme Install Plugins

V našem průvodci používáme téma Total WordPress. Po instalaci a aktivaci Total by se na obrazovce měla zobrazit výzva, která doporučuje nainstalovat Slider Revolution (a další pluginy zahrnuté v motivu).

Total Theme Activate Plugins

Stačí kliknout na odkaz a přejít na stránku doporučených/balených pluginů a poté kliknutím nainstalovat a aktivovat pluginy.

Nainstalujte Slider Revolution s Total

Total také obsahuje vlastní možnost v demo importéru pro instalaci a aktivaci Slider Revolution při importu ukázkových dat. Pokud byl k vytvoření ukázky, kterou importujete, použit Slider Revolution, měli byste být vyzváni k instalaci pluginu, jak je vidět výše.

Importujte posuvníky Slider Revolution pomocí Total

Pak se jen ujistěte, že je vybrána možnost „Importovat posuvníky“ a motiv automaticky importuje všechny vlastní posuvníky z ukázky. Snadný!

Uživatelská příručka Slider Revolution

Po instalaci pluginu by měl přidat položku nabídky na hlavní panel WordPress. Kliknutím na toto přejdete na hlavní stránku správy posuvníku Slider Revolution.

Hlavní stránka pluginu Slider Revolution

Zde můžete vytvářet nebo upravovat posuvníky, importovat šablony, aktivovat licenci, pokud jste si zakoupili vlastní kopii pluginu.

Slider Revolution Plugin Licence Aktivace

Pokud jste si Slider Revolution zakoupili sami, můžete jej aktivovat a odemknout všechny funkce posuvníku. Chcete-li najít svou licenci, musíte se vrátit do CodeCanyon a navštívit stránku pluginu Slider Revolution.

Licence pluginu Slider Revolution

Zde klikněte na záložku „Podpora“ pro zobrazení všech zakoupených licencí. Zkopírujte svůj licenční klíč a vraťte se zpět na svůj ovládací panel WordPress.

Posuvník Ikona Revoluce Bell

Kliknutím na ikonu zvonku.

Slider Revolution Aktivovat

Poté zadejte svůj licenční klíč. Chcete-li získat podporu od autora pluginu a také odemknout prémiové šablony a doplňky modulu Slider Revolution, budete si muset zakoupit vlastní licenci.

DŮLEŽITÉ, přiložený plugin: Pokud byla vaše kopie Slider Revolution součástí vašeho motivu, můžete tuto sekci ignorovat. Není potřeba aktivovat licenci pluginu, protože dodávané pluginy žádnou nemají. Místo toho je na vašem autorovi motivu, aby zajistil aktualizaci vaší kopie pluginu v rámci vašich aktualizací motivu. I když to někdy znamená, že možná budete muset chvíli počkat na aktualizaci posuvníku, zajišťuje to, že plugin je plně kompatibilní s vaším tématem.

Globální nastavení posuvníku Revoluce

Než začnete stavět, doporučujeme navštívit Globální nastavení možnost (což je položka podnabídky pod Slider Revolution).

Globální nastavení posuvníku Revoluce

Je zde spousta důležitých možností pro výchozí nastavení responzivní mřížky (která platí při vytváření nových posuvníků), vlastní URL načítání písem, vytváření databáze pro plugin a další. Existují však dvě možnosti, které vám doporučujeme vyladit.

První možností, kterou byste měli zvážit, je úprava Povolení který můžete použít k omezení přístupu k pluginu pouze administrátorům. Je to snadný způsob, jak zajistit, abyste vy, váš webový designér nebo jiní administrátoři byli jediní, kdo na vašem webu vytváří posuvníky (obzvláště užitečné, pokud máte na svém blogu hostující autory).

Druhá možnost, kterou možná budete chtít upravit, je Výchozí zarážky mřížky rozvržení volba. Toto jsou šířky pixelů podle zařízení pro vaše nastavení odezvy.

Zde také můžete povolit vlastní písma, líné načítání třetí strany a vynutit si vytváření databáze (pokud máte problémy s tabulkou posuvníku). Po dokončení nezapomeňte nastavení uložit.

Nyní můžete začít stavět své slidery! Máte tři možnosti – začít od začátku, získat bezplatný exportní soubor z „příkladů použití“ Slider Revolution nebo importovat ukázkové posuvníky, které jsou součástí vašeho motivu.

Ruční import posuvníku

Ruční import posuvníku Revolution

Chcete-li importovat posuvník, který jste si stáhli z jiného webu z příkladů použití Slider Revolution, nejprve si stáhněte soubor posuvníku z jejich webu a poté přejděte zpět na svůj WordPress kliknutím na Posuvník importu volba. Zde vyhledejte vzorový soubor, který jste si stáhli, a klikněte na něj Nahrát. To by mělo přidat vzorový posuvník a všechna jeho nastavení, abyste jej mohli použít jako základ pro nový posuvník.

Nový modul ze šablony

Šablona importu jezdce revoluce

Pokud jste si zakoupili vlastní licenci pro Slider Revolution, budete mít přístup ke všem jejich předem připraveným rozvržením (na výběr je více než 180+). Chcete-li použít šablonu, umístěte kurzor na tu, která se vám líbí, kliknutím na ikonu oka zobrazíte náhled nebo na ikonu Plus šablonu nainstalujete.

Poznámka: Pokud byla vaše kopie Slider Revolution součástí vašeho motivu, nebudete mít přístup k těmto šablonám. Mnoho autorů motivů však zahrnuje své vlastní šablony posuvníků, které vytvořili jako součást jejich ukázek motivů, které můžete importovat ručně.

Vytvořit nový posuvník

Pokud vytváříte posuvník od začátku, klikněte na Nový prázdný modul volba. Nyní se dáme do práce!

Uvítací zpráva posuvné revoluce

Nejprve se zobrazí uvítací zpráva s možností použití jejich rychlého průvodce. Začněte kliknutím a postupujte podle níže uvedeného průvodce.

Slider Revolution Slider Type

Vyberte typ posuvníku – máte možnost vybrat si svůj modul:

  • Posuvník: přesně tak, jak to zní, několik animovaných snímků, které se otáčejí a zobrazují jeden snímek za druhým
  • Scéna: jeden snímek, který lze použít jako modul obsahu (jako řádek při použití nástroje pro tvorbu stránek)
  • kolotoč: mnoho snímků s více viditelnými současně

Rozložení jezdce revoluce

Poté vyberte rozvržení:

  • Auto: toto je výchozí nastavení, které roztáhne váš posuvník na šířku hlavního kontejneru, jak je definována vaším motivem WordPress, ale stále budete definovat výšku.
  • Plná šířka: přesně tak, jak to zní – možnost posuvníku po celé šířce, která se roztáhne zleva doprava. Stále budete muset definovat výšku posuvníku.
  • Celá obrazovka: toto použijte k vytvoření velkých posuvníků, které doslova vyplní celou obrazovku, bez ohledu na velikost vašeho prohlížeče nebo zařízení (tuto možnost můžete dokonce použít k přidání posuvníků na celou obrazovku s videi pro ještě větší účinek).

Rychlost odezvy posuvníku

A jako poslední krok budete muset vybrat a upravit nastavení odezvy nebo „změny velikosti“:

  • Klasická (lineární) změna velikosti: po konfiguraci nastavení velikosti hlavní obrazovky se posuvník odpovídajícím způsobem zkomprimuje (takže posuvník 1000 x 400 pixelů se zkomprimuje na posuvník 500 x 200 pixelů s fonty, obrázky a dalšími prvky posuvníku, které se také proporcionálně zmenší).
  • Inteligentní dědění: Automaticky se vytvoří čtyři velikosti zařízení na základě vámi zvoleného nastavení plochy s možností provést úpravy podle potřeby.
  • Vlastní (ruční): umožňuje nastavit velikost posuvníku pomocí přesných pixelů s dalšími možnostmi nastavení velikosti posuvníku při různé šířce obrazovky (stolní počítač, notebook, tablet a telefon).

Slider Revolution Main Builder

Po výběru nastavení hlavního posuvníku budete přesměrováni na stavitel Slider Revolution. Zde budete ve skutečnosti vytvářet všechny své snímky.

Obecné možnosti jezdce Revoluce

Před stavbou byste se měli postarat o některé základy. Na pravé straně jsou všechna nastavení posuvníku. Počínaje ozubené kolo ikonu pro Obecná nastavení, zde je rychlý pohled na to, co najdete.

Titul: Pojmenujte posuvník. Samozřejmě můžete ponechat výchozí nastavení Posuvník 1 název a alias, ale doporučujeme to změnit na jedinečnou konvenci pojmenování podle účelu posuvníku. Vyberte název posuvníku, který vám pomůže zapamatovat si, co obsahuje nebo na jaké stránce jej používáte. Například domov pokud budete používat posuvník na domovské stránce. Zde také najdete jednoduchý krátký kód pro váš posuvník, který jej vložíte do příspěvků a stránek.

Nákres: Vyberte typ posuvníku (posuvník, scéna nebo karusel) a velikost (automaticky, na celou šířku nebo na celou obrazovku). Pokud jste použili průvodce rychlým startem, toto jste již vybrali. Zde však také můžete upravit šířky a výšky oblasti vrstvy (kde budete přidávat prvky posuvníku), polohu modulu (výchozí je střed), výchozí barvu pozadí nebo obrázek posuvníku (poznámka – to je oddělené od pozadí jednotlivých snímků), vlastní ohraničení, vržený stín a několik pokročilých možností (pro maximální výšku obalu, přetečení, perspektivu vrstvy atd.).

Obsah: Vyberte, jak chcete přidat obsah do posuvníku. Na výběr je 9 zdrojů obsahu, ale z větší části budete chtít vybrat ten Zvyk možnost vytvořit si posuvník sami (ačkoli možnosti Post-based a WooCommerce jsou také velmi užitečné).

Výchozí: Nejdůležitější možnost v této části je pro výchozí dobu trvání snímku – což je doba, po kterou každý snímek ve výchozím nastavení vydrží (poznámka – později si to můžete upravit pro každý snímek, ale je hezké mít výchozí). Můžete také nastavit zpoždění inicializace, díky kterému bude posuvník čekat před animací stanovenou dobu. Existují další výchozí hodnoty pro vlastní ID modulu, třídy a odezvu a další, ale většina uživatelů je nebude muset měnit.

obecně: Některé z možností, které můžete chtít v této části použít, zahrnují nastavení prezentace pro automatické otáčení, zastavení při umístění kurzoru, opakování snímků a výběr určeného prvního snímku (pokud se liší od snímku, který jste jako první přidali při vytváření posuvníku). Zde také najdete možnosti, jak skrýt nebo deaktivovat posuvník na mobilních zařízeních nebo pod zadanou šířkou pixelů.

Při posouvání: Slider Revolution obsahuje řadu pokročilých efektů posouvání, jako je paralaxa, 3D hloubky, časová osa, fade, rozostření, stupně šedi a další. Vše s přizpůsobitelným nastavením rychlosti posouvání, odsazení/naklonění atd. Nebudeme se do nich pouštět, protože jejich zvládnutí může nějakou dobu trvat, ale pokud jste si zakoupili vlastní licenci posuvníku, doporučujeme vám hrát s některými z připravených možností z knihovny šablon, abyste zjistili, jak se tyto různé efekty posouvání chovají.

Přadlák: Toto je váš preloader – takže když se vaše obrázky a animace načítají na váš server, návštěvníci vaší stránky uvidí pozadí posuvníku, které jste vybrali, spolu s vámi vybraným číselníkem. V současné době je na výběr 15 unikátních spinnerů s přizpůsobitelnými barvami.

pokročilý: Pokud byste chtěli povolit líné načítání, můžete tak učinit zde a také vybrat záložní obrázek nebo zjednodušit posuvník ve starých prohlížečích (konkrétně pro iOS4 a IE8).

CSS/jQuery: Do posuvníků můžete přidat svůj vlastní kód, ale vzhledem k tomu, že je to lákavé, doporučujeme ponechat tuto možnost na pokoji, pokud nejste spokojeni s kódovacími jazyky.

Jako Modal: Pokud vytváříte posuvník, který chcete, aby se zobrazoval jako vyskakovací okno nebo okno lightbox, zde najdete možnosti pro umístění posuvníku, chcete-li použít krycí barvu, a krátký kód, který se použije při vkládání modálního posuvníku. na stránkách (poznámka – toto se liší od krátkého kódu hlavního posuvníku, protože přidává atribut použití).

Kůže: Možnost vzhledu je v podstatě předvolba, kterou můžete vytvořit a poté přiřadit k textovým vrstvám při vytváření snímků. Je to skvělý nástroj, pokud chcete zachovat stejnou značku napříč vrstvami.

addony: Tato část vám umožňuje povolit doplňky a přistupovat k nim (poznámka – doplňky jsou dostupné pouze v případě, že jste si zakoupili vlastní licenci slideru, nejsou součástí verzí Slider Revolution s motivy).

Posuvník Revoluce Možnosti navigace

Dále se musíte rozhodnout, co byste chtěli použít pro navigaci pod klávesnice ikona. Existuje spousta možností, které můžete pro svůj posuvník použít. Všechny níže uvedené možnosti zahrnují snadné přizpůsobení nastavení polohy/zarovnání, velikosti, viditelnosti a globálního stylu/předvoleb.

  • Pokrok: Přidejte ukazatel průběhu nebo kruh, který zobrazuje aktuální průběh snímku (nebo úplný průběh posuvníku/modulu).
  • Šipky: Přidejte šipky, abyste návštěvníkům usnadnili proklikávání vašimi snímky, přičemž si můžete vybrat ze 13 různých stylů (poznámka – vlastní je obvykle založen na vašem motivu).
  • Kulky: Chcete-li na snímky přidat navigační tečky, povolte odrážky a vyberte si ze 14 stylů.
  • Tabs: Pokud vytváříte posuvník obsahu na základě příspěvků na blogu, možná se budete chtít podívat na navigaci na kartách. Zobrazí se miniatura, název a jakékoli parametry (jak jsou definovány v části Možnosti snímku) – velmi podobné například widgetu pro nedávné příspěvky.
  • Palce: Chcete-li zobrazit miniaturu obrázku jako možnost navigace, vyberte miniatury a vyberte si z 5 stylů.
  • Předchozí velikost: Definujte velikost náhledových obrázků používaných pro navigaci.
  • dotek: Povolí a přizpůsobí navigaci dotykem, včetně možností pro posouvání bloků, rychlost a směr.
  • klávesnice: Povolit navigaci pomocí klávesnice (doporučeno pro usnadnění).
  • Mouse: Upravte navigaci ovládanou myší pro použití funkce karuselu nebo obráceného posouvání.
  • Nav editor: Tato část slouží k přizpůsobení šipek, odrážek, tabulátorů nebo palců pomocí vlastního vlastního kódu. Jak již bylo zmíněno, pokud nejste spokojeni s kódováním, doporučujeme použít vestavěné možnosti posuvníku.

Otočení posuvníku Možnosti snímku

A nakonec vaše možnosti snímku.

  • Pozadí: Vyberte pozadí pro snímek. Vyberte si z průhledných, barevných (můžete přidat přechod), obrázku, externího obrázku nebo videa (YouTube, Video nebo HTML5).
  • Náhled: Definujte miniaturu viditelnou správcem a miniaturu použitou pro navigaci.
  • Animace: Vyberte animaci přechodu pro snímky.
  • Filtry: Do posuvníku můžete přidat filtry. Podle mého názoru tyto dávají větší smysl pro snímky s pozadím obrázku, ale je to na vás. Aktuálně je na výběr 22 předvoleb.
  • Pokrok: Můžete upravit délku snímku (čas v ms), pauzu a viditelnost na jednotlivých snímcích.
  • Pravidla publikování: Určete, zda bude váš snímek publikován nebo zrušen. To je skvělé, pokud pracujete na sezónních nebo časově omezených snímcích, které chcete pomalu vytvářet, publikovat a později odstranit.
  • Tagy a odkaz: V této sekci můžete přidat vlastní třídu, ID a data HTML pro svůj snímek a také povolit odkaz (pokud chcete přidat odkaz na celý snímek).
  • parametry: Přidejte až 10 vlastních parametrů, které chcete použít ve svých snímcích a navigaci.
  • Vrstvy smyčky: Vytvořte a přizpůsobte nastavení smyčky snímků, pokud má posuvník pouze jeden snímek (obzvláště užitečné, pokud posuvník používáte jako uvítací podložku nebo sekci stránky).
  • Při posouvání: Můžete si také přizpůsobit efekty paralaxy a posouvání (vyblednutí, rozmazání nebo stupně šedi) na snímek.

Jak vyrobit Slider pomocí Slider Revolution

Nyní, když jste viděli funkce (wow, je jich hodně!), poskytnu vám rychlý souhrn toho, co považujeme za nejdůležitější. Konkrétně tím, že vám ukáže, jak vytvořit jednoduchý posuvník.

Obecné možnosti

Příklad posuvníku: Obecné možnosti

Nejprve jsme vybrali několik obecných možností:

  • Přidejte vlastní název a alias do Titul sekce
  • Přizpůsobte výšku a šířku oblasti vrstvy pracovní plochy Nákres (naši jsme nastavili na šířku 1000 pixelů, aby odpovídala šířce našeho webu a výšce 500 pixelů)
  • Vyberte výchozí dobu trvání snímku (použili jsme 5000 ms, což je 5 sekund) pod Výchozí
  • Vybrat Přadlák použít pro váš pre-loader (přikláníme se k možnosti 7)

Posuvník navigace

Posuvník Příklad: Šipky

Poté zvolíme možnosti navigace. V našem příkladu jsme vybrali styl „Uran“, což jsou jednoduché šipky.

Přidávání snímků

To je vše, co jsme chtěli nastavit pro náš posuvník, takže dalším krokem je přidat několik snímků. Při vytváření nového posuvníku jste již ve výchozím nastavení na snímku č. 1, takže můžete ihned začít přidávat nastavení a vrstvy.

Příklad posuvníku: Barva pozadí snímku

Můžete přidat barvu pozadí, obrázek nebo video. Pokud se rozhodnete přidat barvu, můžete také přidat přechod.

Posuvník Příklad: Slide Video Background

U videa jednoduše přidáte zdroj a provedete několik výběrů. Na snímku výše jsme nastavili snímek tak, aby vynutil režim Cover Mode (takže video vyplní celý posuvník) a aby se při spuštění přetočil (takže se při každém spuštění snímku přehraje od začátku).

Příklad posuvníku: Pozadí snímku snímku

Pro náš příklad jsme přidali obraz z naší knihovny médií. Ponechali jsme obrázek s výchozím nastavením Cover (které roztáhne obrázek tak, aby zakryl celý posuvník, na rozdíl od možnosti Contain, která zmenší obrázek, aby se vešel do vašich omezení posuvníku).

Přidávání vrstev

Nyní přidejte vrstvy! V horní části obrazovky si všimnete možnosti „+ Přidat vrstvu“. Zde najdete spoustu možností, které můžete přidat do svých snímků. Vybrat si můžete z 8 různých Přidat vrstvu možnosti:

  • text vrstvy jsou ideální pro přidání nadpisů, popisů nebo dokonce jednoduchých odkazů. Přidejte na svůj snímek cokoli, co chcete říci.
  • snímky jsou skvělé pro vkládání vašeho loga, přidávání hloubky na paralaxové snímky, vkládání před/po sad a další.
  • Tlačítko možnosti vrstvy zahrnují tuny kombinací velikosti a poloměru ohraničení, u kterých můžete upravit barvu, pozadí, barvu ohraničení, písmo, stav přechodu a text. Kromě toho existuje řada užitečných přednastavení pro sociální odkazy, animované ikony posouvání myší, menu hamburgerů nebo dokonce přehrávání/pauza.
  • Tvary lze použít k přidání efektů (jako je pulzování nebo vyzařování barvy za tlačítkem), k definování části textové vrstvy (použijte tvar ke zvýraznění pouze jednoho slova nebo fráze) nebo k přidání vizuálního zájmu. Vyberte pozadí, barvu/velikost ohraničení, poloměr ohraničení tvaru (0 pro čtverec, 100 pro kruh), velikost tvaru v pixelech a výplň.
  • Zvuk & Video vrstvy jsou poměrně přímočaré. Vyberte médium, které chcete vložit, a vyberte soubor z knihovny médií nebo vložte odkaz (YouTube, Vimeo, SoundCloud atd.). Poté přidejte nastavení pro umožnění opakování, automatického přehrávání, dalšího snímku na konci, základní hlasitosti, začátku/konce segmentu a předběžného načítání. Toto je snadný způsob, jak přidat skutečné posudky do posuvníku, úvodního videa nebo výukového programu.
  • Ikona / SVG jsou přesně tak, jak znějí – zahrňte ikony nebo přidejte vlastní obrázky SVG, které se krásně přizpůsobí pomocí posuvníku napříč zařízeními.
  • Řádky lze vložit a jsou stejně jako jakýkoli jiný tvůrce stránek kompletní s nastavením sloupců. Je to skvělý způsob, jak organizovat prvky vrstvy nebo sestavit jeden modul snímku.
  • Skupina se používá k vytvoření skupiny vrstev, takže je snazší umístit a přesunout související vrstvy.
  • Knihovna vrstev je k dispozici pouze v případě, že máte vlastní licenci pro Slider Revolution a jedná se o kolekci hotových zdrojů ThemePunch.
  • import zkopírovat vrstvu nebo snímek z jiného posuvníku ve vaší knihovně. Rychlé a jednoduché!

Posuvník Příklad: Vložit textovou vrstvu

Nejprve přidáme jednoduchý text vrstva. Budete mít možnost přidat nadpis nebo obsah rychlého stylu – obojí jsou textové vrstvy, jediným rozdílem jsou přednastavené možnosti, které uvidíte na pravé straně. Můžete si vybrat jeden z těchto stylů nebo kliknutím na X v pravém horním rohu přejít do nastavení vrstvy.

Posuvník Příklad: Nastavení textové vrstvy

Pro náš příklad jsou to možnosti, které jsme zvolili pro náš nadpis a také podnadpis pro náš snímek:

  • Přidán náš text do Obsah sekce a také vycentrovat náš text
  • Vybráno a Styl pro velikost písma, váhu, výšku řádku a písmo Google
  • Přizpůsobili jsme Velikost & Poz změnit umístění vrstvy v našem posuvném kontejneru (nezapomeňte – náš kontejner je 1000 x 500 px)
  • A naposledy přidáno Animace efekt a rychlost prolínání našeho textu při 800 ms (IN: Anim To) a stejné animace pro ukončení našeho textu (OUT: Anim To).

Přidali jsme také tlačítko. Chcete-li tak učinit, umístěte ukazatel myši na odkaz „+ Přidat vrstvu“ a klikněte na možnost tlačítka.

Posuvník Příklad: Vložit vrstvu tlačítka

Stejně jako u textu existuje několik rychlých stylů, které můžete použít, abyste mohli začít.

Příklad posuvníku: Nastavení vrstvy tlačítek

Pro naše tlačítko jsme použili následující. Opět velmi podobné možnostem textu (ale s několika důležitými rozdíly):

  • Pro Obsah přidali jsme text našeho tlačítka.
  • z Styl můžete přidat svůj text a barvy tlačítek, možnosti písma a přidat prostor k tlačítku pomocí odsazení (uvnitř) nebo okrajů (vně). Naše tlačítko používá levé a pravé vycpávky, aby bylo širší.
  • Opět jsme použili Velikost & Poz možnosti vycentrovat naši vrstvu tlačítek na snímku.
  • A přidal Animace pro tlačítko pro vstup a výstup ze snímku.
  • Protože se jedná o tlačítkovou vrstvu, přidali jsme také a Vznášet se aby návštěvníci intuitivně věděli, že existuje odkaz. Zvolili jsme tedy animaci a udělali jsme naše tlačítko trochu průhledné při najetí myší.

Posuvník Příklad: Odkaz na vrstvu tlačítka

Pro tlačítko nebo jakoukoli vrstvu, na kterou chcete přidat odkaz, musíte přidat Akce. Jako příklad jsme přidali jednoduchý odkaz a také definovali nastavení (po kliknutí se URL a cíl otevře v novém okně). Existuje však spousta jiných možností než jednoduchý odkaz, jako je posouvání na ID (místní posouvání), skok na snímek (pro přeskakování mezi snímky), přehrávání snímku (například pokud jste přidali interaktivní funkci), otevření posuvný modal, přehrávání médií (skvělé pro video) atd.

To je náš první snímek hotový! Nyní přidáme sekundu, abychom vám ukázali několik dalších funkcí.

Příklad posuvníku: Přidat druhý snímek

Pokud umístíte kurzor myši na možnost „Prezentace“, zobrazí se rozbalovací nabídka pro:

  • Přidat snímek(y): Kliknutím přidáte nový prázdný snímek, hromadně přidáte více snímků se stejným pozadím nebo snímek importujete.
  • Globální vrstvy: Budou zobrazeny jako překryvná vrstva nad všemi snímky, které vytvoříte. Je to skvělý způsob, jak přidat logo nebo vodoznak, zahrnout tlačítko „Koupit nyní“ pro váš produkt nebo dokonce odkaz pro přihlášení k odběru newsletteru.
  • Všechny vaše aktuální snímky (náš dokončený snímek je #1 Nový snímek).

Nyní jen opakujte proces vytváření diapozitivů tolikrát, kolikrát budete chtít!

V rámci Slider Revolution je mnoho, mnohem více možností, které můžete použít k dalšímu přizpůsobení vrstev. Můžete například do vrstvy přidat smyčku (můžete ji použít k vytvoření blikajícího textu „prodej“), přidat efekty posouvání, upravit viditelnost tak, aby se skryla na malých zařízeních a další. Doporučujeme prozkoumat oficiální znalostní databázi Slider Revolution, kde najdete další informace o dostupných funkcích.

Příklad posuvníku: Horní lišta

A nakonec bych chtěl poukázat na několik dalších užitečných odkazů v horní a dolní části stavitele posuvníku. Počínaje nahoře najdete následující rychlé odkazy (v pořadí):

  • Zpět: pro návrat na hlavní stránku Slider Revolution na vašem ovládacím panelu WordPress
  • Slides: přidání a správa snímků v rámci posuvníku
  • Přidat vrstvu: přidání nových vrstev do aktuálního snímku
  • Projekt Jméno a Příjmení vrstvy, kterou jste vybrali
  • Duplikát ikonu pro duplikování nebo kopírování aktuální vrstvy
  • Koš ikonu pro odstranění aktuálně vybrané vrstvy
  • Zámek ikonu pro uzamčení vrstvy, abyste zabránili náhodným úpravám
  • Eye ikonu pro zobrazení nebo skrytí vrstev
  • Nahoru a dolů Šipky pro navigaci mezi vrstvami
  • Trochu vás přivede k Kurzor pro výběr vrstev
  • A Rewind ikonu pro vrácení zpět a zobrazení seznamu posledních změn
  • Projekt Počítač pro zobrazení náhledu odezvy posuvníku na standardních velikostech zařízení
  • Otázka označit ikonu odkaz na nápovědu
  • A nakonec a Kapička ikonu pro přístup k rychlým předvolbám stylu pro vaši vrstvu

Posuvník Příklad: Rozvrh

A pod náhledem posuvníku byste měli vidět rozvrh. Zde můžete upravit prodlevu pro animaci vrstev na vašem snímku (u nás je čas ukončení 00:05:00 nebo 5 sekund – stačí na něj kliknout a upravit snímek). Můžete také vidět vizuální rozvrh zobrazující načasování vrstvy v porovnání s celkovou časovou délkou snímku. Blokované sekce jsou časy animace vrstvy, které můžete jednoduše klikněte a přetáhněte pro změnu.

Jakmile přidáte více vrstev, můžete tuto sekci také použít k reorganizaci vrstev přetažením vrstev do pořadí. Navíc v levém horním rohu najdete užitečný odkaz na přehrání snímku a náhled na čas při provádění úprav.

Náhled a uložení posuvníku

Příklad posuvníku: Náhled posuvníku

Při práci si můžete zobrazit náhled posuvníku kliknutím na modrou Náhled tlačítko v pravém dolním rohu.

Příklad posuvníku: Uložte posuvník

A nezapomeňte Uložit vaše snímky při práci! Po provedení změn se ujistěte, že jste snímek uložili. Pokud opustíte svůj snímek (i když je na jiném snímku), můžete ztratit veškerou svou tvrdou práci. Takže určitě šetřit, šetřit, šetřit!

Slider Revolution také nabízí možnost Optimalizace velikosti souborů při ukládání nabízí některá doporučení pro kompresi a optimalizaci na straně serveru.

Po uložení můžete pokračovat a pracovat na dalších snímcích nebo sliderech nebo použít hotový produkt na stránce.

Používání posuvníku

Chcete-li přidat svůj báječný posuvník do jakéhokoli příspěvku nebo stránky, použijte krátký kód Slider Revolution, který jste vytvořili dříve. Tento krátký kód lze nalézt kliknutím na položku nabídky Slider Revolution na vašem řídicím panelu.

Revoluce posuvníku: Vyhledejte krátký kód

Zkrácený kód by měl vypadat takto [rev_slider alias=”title”][/rev_slider] s „názvem“ založeným na aliasu, který jste posuvníku přidělili, když jste jej poprvé vytvořili.

Revoluce posuvníku: Kopírování krátkého kódu

Stačí vložit krátký kód do svého příspěvku nebo obsahu stránky. Nebo pokud váš motiv podporuje další umístění posuvníku, můžete tam přidat také krátký kód.

Slider Revolution: WPBakery Page Builder Module

Pokud vaše téma používá Tvůrce stránek WPBakery (například jako Total Multipurpose WordPress Theme), můžete použít zahrnutý prvek Tvůrce stránek Slider Revolution.

Slider Revolution: WPBakery Page Builder Module Preview

Jediné, co musíte udělat, je přidat modul, vybrat posuvník z mřížky (zobrazí se seznam všech posuvníků, které jste již vytvořili), vložit a přetáhnout posuvník na místo. Snadné, že?

Poslední myšlenky na Slider Revolution

Věříme, že Slider Revolution je jedním z nejjednodušších prémiových zásuvných pluginů pro použití, zejména proto, že nabízí snadno použitelný vizuální editor a spoustu vestavěných funkcí, takže nemusíte znát CSS, abyste mohli upravovat své snímky (tlačítka, fonty, barvy a další jsou již k dispozici!). Dostává solidních 5 hvězdiček a podle našeho názoru budete těžko hledat lepší slider plugin.

Doufejme, že vám náš průvodce pomohl procesem začátků, ale chcete-li se dozvědět více (nebo si pořídit vlastní kopii), navštivte hlavní stránku Slider Revolution aplikace ThemePunch. Ukazují skvělé příklady jejich posuvníku a také odkaz na živá dema, kde můžete vidět, co Slider Revolution dokáže.

Více o Slider Revolution

Ale rádi bychom od vás slyšeli. Dejte nám vědět, co si myslíte o Slider Revolution v komentářích níže, nebo se nás neváhejte zeptat na jakékoli otázky, které byste mohli mít. Rádi vám pomůžeme!

Související články

0 Komentáře
Vložené zpětné vazby
Zobrazit všechny komentáře
Tlačítko Nahoru