Nyní můžeme začít vážně. Vytvoření jezdce na Posuvník Revolution může být zpočátku docela únavné. Ztratíte svá ložiska, protože budete chtít vědět, kde je tento nebo ten prvek.
Zbavením Slider Revolution se zbavíte praktikováním se zvykem a čtením tohoto tutoriálu.
Během našich předchozích kurzů jsme zjistili, jak:
- Stáhněte a nainstalujte Slider Revolution
- Jak porozumět UI Slider Revolution Home
- Jak nastavit prezentaci na Slider Revolution
A teď, když jsme nastavili náš posuvník, vytvoříme skluzavky »Od« Posuvník ".
Jak začít s editorem „Prezentace“
V zásadě po uložení konfigurací posuvníku získáte přístup do nového rozhraní, které vás seznámí s editorem „ skluzavky ".
Nahoře si všimnete stejného panelu nástrojů, který vám umožní vrátit se do seznamu „posuvníků nebo diapozitivů“, k parametrům posuvníku a náhledu posuvníku mimo jiné.
Objevte také naše 10 pluginů WordPress, které vám umožní hodnotit vaše příspěvky na blogu
Ve spodní části máme novou sekci, která nám umožňuje vidět globální vrstvy, různé „snímky“ a tlačítko pro přidání nové “ slide ".
Umístěním kurzoru nad tlačítko na snímku si všimnete nových možností. Tyto možnosti jsou poměrně jasné a snadno pochopitelné (duplikovat, přidat do šablony, abyste ji mohli znovu použít a odstranit snímek).
Umístěním kurzoru na tlačítko přidání snímku si všimnete dalších možností, které vám umožní přidat prázdný snímek, přidat více snímků, přidat snímek ze šablony (model).
V současné době jste na snímku 1, a proto je v seznamu snímků zvýrazněna. Pokud vytvoříte nový snímek, bude zvýrazněn místo prvního snímku.
Posuvná revoluce na této úrovni je skutečným řídicím panelem. Pokud vám vše vysvětlím, nebudete moc rozumět, takže se vyhnu mluvení o funkcích, které mohou být matoucí a ne podstatné.
Přečtěte si náš článek o 6 WordPress komprese obrázků komprese pro váš blog
Když vyberete snímek, můžete začít upravovat v následující části. Tato část se skládá z několika karet (7), které vám umožňují přístup k různým funkcím.
Jak přidat obrázek na pozadí ke scéně
První věc, kterou budete chtít udělat jako první, je přidat pozadí na náš snímek. Zde máte na výběr mezi: Obrázek na pozadí (z vaší knihovny médií), externí URL, která ukazuje na obrázek, průhledné pozadí, které bude používat barvu navrženou WordPress téma, pevná barva, video YouTube, Vimeo nebo HTML5. Vybereme pozadí" obraz ".
Na webu najdete mnoho obrázků zdarma. Hledejte na Googlu.
Když přidáte obrázek, použije se to okamžitě v náhledu snímku a v „scéně“.
Jak přidat prvek do scény
Nyní, když máme dobře zdobenou scénu, přidáme prvek. Každý prvek, který přidáte do scény, se považuje za vrstvu nebo vrstvu. Tato funkce vrstvy vám pomůže věřit.
Chcete-li na scénu přidat položku, umístěte ukazatel myši Přidat vrstvu ".
Všimněte si, že můžete přidat několik různých prvků, včetně: text / HTML, obrázky, zvuk, video, tlačítko, tvar, objekt a import prvku.
Začneme přidáním průhledného obrázku štěňátka Snoopyho.
Pak přidejte tento obrázek do scény a budete mít něco podobného:
Všimněte si, že ve čtyřech rozích obrazu jsou malé čtverečky. Tato pole nám umožňují měnit velikost obrázků, protože v tomto případě Snoopy zabírá hodně místa.
Změna velikosti se provádí pomocí „ táhnout “. Chcete-li změnit velikost při zachování proporcí, podržte stisknuté tlačítko „ Květen Při změně velikosti z klávesnice.
Viz také naše 10 WordPress pluginy, které z vás učiní lepší Blogger
Nyní Snoopy vypadá takto, je to vhodnější. Obrázek můžete také převrátit pomocí indikátoru umístěného v pravém horním rohu každého obrázku, například takto:
Jak umisťovat prvky pomocí mřížky nápovědy
Mřížka nápovědy je cenným prvkem, který pomáhá při lepším umístění prvků. Můžete aktivovat mřížku nápovědy v levé dolní části jeviště.
Tato mřížka obsahuje dlaždice různých velikostí, čím menší je velikost, tím přesnější bude umístění prvku.
Jak přidat animace
Ve Slider Revolution existují 3 typy animací: vstupní animace, animace během (existence prvku ve scéně) A konec animace.
Viz také naše 6 WordPress komprese obrázků komprese pro váš blog
Chcete-li přidat prvek k prvku, musíte jej nejprve vybrat kliknutím na něj (když je vybrán prvek, je orámován tečkovanou čarou s upravitelnými rohy).
Takže klikněte na Snoopy, jděte nahoru na stránku a klikněte na záložku « Animace ".
V předchozím obrázku mám vstupní animace modře a výstupní animace červeně.
Chcete-li změnit animaci, klikněte na rozevírací seznam za ikonou běžícího muže.
Poté máte k dispozici celou řadu animací. Ponechávám na vás vybrat animaci, kterou chcete definovat pro zadání prvku. Z mé strany jsem si vybral „ easeOutElastic », Chcete-li získat tento výsledek:
Zde pro vás naše Doplňky 4 WordPress pro zvýšení zápatí vašeho blogu
Dále vlevo můžete určit dobu trvání animace a režim animace, který musíte nechat na " Žádné rozdělení Protože ostatní možnosti platí pouze pro text, nikoli pro obrázky.
Lire aussi Jak skrýt názvy článků a stránek WordPress
Teď bych rád vzplával Snoopy, na to, přejděte na " Smyčka A v rozbalovací nabídce zvolte možnost „ Vlna ". Nyní Snoopy plave:
Jak nakonfigurovat viditelnost prvků
Moje Snoopy plave, ale nechci, aby byla viditelná na mobilu. Takže klikněte na „ viditelnost »A na ikoně Smartphone se ujistěte, že je deaktivovaná:
Jak upravit chování prvků
Chcete-li optimalizovat načítání jezdce, můžete chtít zpoždění načítání obrázků. To se provádí na kartě " chování S možností “ Lazy Loading “. Můžete dokonce vynutit citlivost prvků.
Jak vytvořit vlastní spouštěče na prvku
Akce vám umožňují přiřadit spouštěče ke konkrétním akcím. Chcete-li přidat spouštěč, klikněte na kartu Akce »Poté na tlačítko« + ».
Existují typy spouštěče 3:
- Klepněte na tlačítko, které klepnete myší
- Vstup myši přes prvek
- Myš opouští nad prvkem
Seznam akcí je poměrně dlouhý. Například uživatele, který klikne na Snoopy, můžete přesměrovat na jinou stránku výběrem akce “ Jednoduchý odkaz Což přinese nové možnosti.
Objevte také naše 10 prémiové WordPress pluginy z Rezervace a Rezervace
Jak používat Slider Revolution TimeLine
Slider Revolution nabízí ve spodní části rozhraní pro správu času. Toto rozhraní umožňuje zjistit, kde začíná a kde končí animace prvku.
Na předchozím obrázku si všimnete dvou modrých šipek. První vlevo označuje začátek vstupní animace prvku a druhý označuje konec vstupní animace. Tmavě červená barva označuje životnost položky ve scéně.
Lire aussi Jak přidat odpočítávání na svém blogu WordPress
Naleznete konec také podobný druhému konci trvání (vstupní animace, životnost a animace na konci).
S „ časová osa Budete mít možnost určit, který prvek se zobrazí dříve a který prvek zmizí jako první. Je to velmi praktický nástroj, který potřebujete, abyste zvládli dobrou animaci.
Na časové ose je také přehrávač, který můžete aktivovat a zobrazit náhled snímku.
Do té doby jsem vám dal základy pro vytvoření snímku. Nyní uložte posuvník a spusťte náhled.
To je vše pro tento tutoriál, v dalším se budeme bavit o zobrazení posuvníku na článku a některých pokročilých operacích.
Objevte také některá témata a prémiové doplňky WordPress
Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.
Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.
1. Disk Audio
Disk Audio je další WordPress Plugin který vám pomůže zobrazit audio přehrávač přímo na vašem webu pouhým stisknutím tlačítka. Rozložení audio přehrávače je zcela responzivní, takže mobilní uživatelé si jeho funkce budou moci užívat bez jakýchkoli potíží.
Kromě toho nabízí mnoho možností přizpůsobení, včetně barevných schémat, vzhledů, obrázků na pozadí a neprůhlednosti. Má několik možností, jak jej ovládat pomocí klávesnice a podobně také vám umožní zobrazit váš seznam skladeb pomocí nastavitelné posuvné lišty.
Čtěte také: Zásuvné moduly 10 WordPress pro zlepšení vyhledávání na vašem blogu
Budete také moci vložit odkazy na stahování do hudebního přehrávače a ukázat uživatelům, kam mohou jít, aby si koupili skladbu přehrávanou na vašem webu.
Stáhnout | Demo | Web hosting
2. Pro rezervaci událostí
Tohle je další WordPress Plugin 100% responzivní, snadno přizpůsobitelné a věnované správě rezervací na libovolné webové stránce, která nabízí své služby v oblasti akcí.
Mezi jeho hlavní vlastnosti patří: přizpůsobení textu, barvy, ohraničení a další, podpora PayPal, správa kupónových kódů a kuponů, podpora pro Mapy Google, podpora správy e-mailů, podpora krátkých kódů, intuitivní ovládací panel, snadné vytváření událostí, úplná kontrola vzhledu atd.
Stáhnout | Demo | Web hosting
3. Social Share & Locker Pro
Doplněk Social Share & Locker Pro byl navržen tak, aby pomohl vašemu webu lépe se zviditelnit na sociálních sítích. Pouhými několika kliknutími můžete buď nastavit polohu svých sociálních ikon, nebo zamknout obsah požadováním sdílení na jedné ze sociálních sítí, které nabízíte.
Máte předdefinovaná témata 10 a to by mělo pokrývat nejčastější přání. Všechna její témata jsou sítnice a divy práce.
30 co dělat na svých příspěvcích po jejich zveřejnění Objevte je v tomto článku.
Se Social Share & Locker Pro budete také moci zobrazit celý název sociálních sítí nebo pouze ikonu. Záleží na vašem designu, dostupném prostoru nebo vašich přáních.
Stáhnout | Demo | Web hosting
Doporučené zdroje
Zjistěte další doporučené zdroje, které vám pomohou vytvořit a spravovat váš web.
- Jak se stát úspěšným bloggerem a vydělávat peníze pomocí WordPress
- Jak integrovat Google Forms WordPress
- Jak vytvořit zásady ochrany osobních údajů na WordPress
- Doplňky 6 WordPress k zajištění shody blogu s RGPD
Proč investovat do čističky vzduchu?
Tady je ! To je pro tuto příručku vše. Doufáme, že vám tento výukový program poskytne základy vytváření prezentace pomocí aplikace Slider Revolution na blogu nebo webu WordPress. Pokud máte nějaké dotazy, připomínky nebo poznámky, nechte je v naší sekci commentaires.
Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress.
Neváhej sdílet se svými přáteli na svých oblíbených sociálních sítích.
...
Dobrý den,
Chci přidat obrázek ar na posuvníku, jdu do plánu ar, jako zdroj vyberu Pozadí/Hlavní obrázek, ale nemám modré tlačítko "změnit obrázek", takže nechápu, jak vybrat požadovaný obrázek zobrazit jej jako rámeček mého posuvníku...máte nápad?
děkuji
Walter