Teraz môžeme začať vážne veci. Vytvorenie jazdca ďalej slider Revolution môže byť spočiatku dosť zdĺhavá. Stratíte ložiská, pretože budete chcieť vedieť, kde je tento alebo ten prvok.

Slider Revolution sa zbavíte cvičením so zvykom a prečítaním tohto návodu.

Počas našich predchádzajúcich tutoriálov sme zistili, ako:

A teraz, keď sme nastavili náš posúvač, vytvoríme šmýkačky "Z" Posuvník ".

Ako začať s editorom "Prezentácie"

Po uložení konfigurácií posúvača získate v zásade prístup do nového rozhrania, ktoré vás zavedie do editora „ šmýkačky ".

Editor-in-slide-revolúcia-slider

Na samom vrchole si všimnete ten istý panel nástrojov, ktorý vám umožní vrátiť sa k zoznamu „jazdcov alebo diapozitívov“, k parametrom jazdca a ukážke jazdca.

Objavte aj naše 10 doplnkov WordPress, ktoré vám umožňujú hodnotiť vaše príspevky na blogu

Revolution-slider-bar doutil-edícii-of-Slide

V dolnej časti máme novú sekciu, ktorá nám umožňuje vidieť globálne vrstvy, rôzne „snímky“ a tlačidlo na pridanie novej. šmykľavka ".

tvorba-of-slide-button-slider-revolúcia

Keď umiestnite kurzor myši na tlačidlo snímky, všimnete si, že sa zobrazia nové možnosti. Tieto možnosti sú pomerne jasné a ľahko zrozumiteľné (duplikát, pridajte do šablóny, aby ste ju mohli znova použiť a odstrániť snímku).

Možnosti-creation-slide-revolúcia slider

Umiestnením kurzora myši na tlačidlo pridania snímky si všimnete ďalšie možnosti, ktoré vám umožnia pridať prázdny list, pridať viac snímok, pridať snímku zo šablóny (model).

tvorba-of-slide-Option-revolúcia-slider

Momentálne ste na snímke 1, a preto je v zozname snímok zvýraznená. Ak vytvoríte novú snímku, bude zvýraznená namiesto prvej snímky.

Druhý-slide-tvorba-Dun-posúvacie jazdec-revolúcia

Posuvná revolúcia na tejto úrovni je skutočnou palubnou doskou. Ak vám všetko vysvetlím, nebudete tomu veľa rozumieť, takže sa vyhnem hovoreniu o funkciách, ktoré môžu byť mätúce a nie nevyhnutné.

Prečítajte si náš článok o 6 WordPress kompresie obrázkov pluginy pre váš blog

Po výbere snímky môžete začať upravovať v nasledujúcej časti. Táto sekcia sa skladá z niekoľkých kariet (7), ktoré vám poskytujú prístup k rôznym funkciám.

Ako pridať obrázok na pozadí k scéne

Prvá vec, ktorú budete chcieť urobiť, je pridať pozadie na našu snímku. Tu máte na výber medzi: Obrázkom na pozadí (z vašej knižnice médií), externou adresou URL, ktorá ukazuje na obrázok, priehľadným pozadím, ktoré použije farbu navrhnutú WordPress tému, pevná farba, video z Youtube, Vimeo alebo HTML5. Vyberieme pozadie" obraz ".

Doterajší stav obrazu príklad

Na webe nájdete veľa bezplatných obrázkov. Vyhľadajte iba na Googli. 

Image-back plan-revolúcia-slider

Po pridaní obrázka to platí okamžite v náhľade snímky a na „scéne“.

Szene-revolúcia-slider

Ako pridať prvok do scény

Teraz, keď máme dobre zdobenú scénu, pridáme prvok. Každý prvok, ktorý pridáte do scény, sa považuje za vrstvu alebo vrstvu. Táto funkcia vrstvy vám pomôže veriť mi.

Ak chcete na scénu pridať položku, umiestnite kurzor myši nad Pridať vrstvu ".

fly-add-Layer-slider-revolúcia

Všimnite si, že môžete pridať niekoľko rôznych prvkov vrátane: textu / HTML, obrázkov, zvuku, videa, tlačidla, tvaru, objektu a importu prvku.

Začneme pridaním priehľadného obrázku šteniatka Snoopyho.

funny-snoopy-png

Potom pridajte tento obrázok do scény a budete mať niečo také:

Príklad-posúvacie jazdec-revolúcia

Všimnite si, že v štyroch rohoch obrázka sú malé štvorce. Tieto štvorce nám umožňujú meniť veľkosť obrázkov, pretože v tomto prípade Snoopy zaberá veľa miesta.

Zmena veľkosti sa vykonáva pomocou „ ťahať ". Ak chcete zmeniť veľkosť pri zachovaní proporcií, podržte stlačené tlačidlo „ Máj Pri zmene veľkosti z klávesnice.

Pozri tiež naše 10 WordPress pluginy, ktoré z vás urobia lepší Blogger

novej reprezentácie-snoopy-revolúcia-jazdec

Teraz Snoopy vyzerá takto, je to vhodnejšie. Obrázok môžete otočiť aj pomocou indikátora umiestneného v pravom hornom rohu každého obrázka, napríklad takto:

rotačné dimage-revolúcia-jazdec

Ako umiestniť prvky pomocou mriežky pomoci

Mriežka pomoci je cenným prvkom, ktorý pomáha pri lepšom umiestnení prvkov. Môžete aktivovať mriežku pomoci v ľavej dolnej časti javiska.

hriankovač DAID-revolúcia-slider

Táto mriežka obsahuje dlaždice rôznych veľkostí, čím je menšia veľkosť, tým presnejšie budete pri umiestňovaní prvku.

Investície-of-obrazov

Ako pridať animáciu

V aplikácii Slider Revolution sú 3 typy animácií: vstupné animácie, animácie počas (existencia prvku na scéne) A koniec animácie.

Pozri tiež naše 6 WordPress kompresie obrázkov pluginy pre váš blog

Ak chcete k prvku pridať animáciu, musíte ju najprv vybrať kliknutím na ňu (ak je vybraný prvok, je ohraničený bodkovanou čiarou s prispôsobiteľnými rohmi).

Takže kliknite na Snoopy, choďte na stránku hore a kliknite na kartu « animácie ".

animovaný-slider-revolúcia

Na predchádzajúcom obrázku mám vstupné animácie modrou farbou a výstupné animácie červenou farbou.

Ak chcete zmeniť animáciu, kliknite na rozbaľovací zoznam za ikonou bežiaceho muža.

icon-animovaný-slider-revolúcia

K dispozícii máte potom širokú škálu animácií. Nechám na vás, aby ste si vybrali animáciu, ktorú chcete definovať pre vloženie prvku. Pokiaľ ide o mňa, vybral som si „ easeOutElastic », Ak chcete získať tento výsledok:

Animácia-entrée-snoopy

Tu pre vás náš Doplnky 4 WordPress na zvýšenie päty vášho blogu

Ďalej vľavo môžete určiť trvanie animácie a režim animácie, ktorý musíte nechať zapnutý. “ žiadny rozkol Pretože ostatné možnosti sa vzťahujú iba na text, nie na obrázky.

Konfigurácia-duna animovaný-posúvacie revolúcia

Lire aussi Ako skryť názvy článkov a stránok WordPress

Teraz by som chcel vznášať Snoopyho, preto choďte na " Slučka A pri rozbaľovacej ponuke zvoľte možnosť „ vlna „. Teraz Snoopy pláva:

Snopp plávajúce

Ako nakonfigurovať viditeľnosť prvkov

Môj Snoopy pláva, ale nechcem, aby bol viditeľný na mobile. Takže kliknite na „ viditeľnosť »A na ikone Smartphone skontrolujte, či je deaktivovaný:

viditeľnosť-elementy-revolúcia-jazdec

Ako upraviť správanie prvkov

Ak chcete optimalizovať načítavanie posúvača, môžete odložiť načítavanie obrázkov. To sa deje na karte “ správanie S možnosťou “ lazy Loading ". Môžete dokonca donútiť citlivosť prvkov.

Správanie-element revolúcia jazdec

Ako vytvoriť vlastné spúšťače na prvku

Akcie vám umožňujú priradiť spúšťače ku konkrétnym akciám. Ak chcete pridať spúšť, kliknite na kartu Akcia »Potom na tlačidle« + ».

add-a-Tlačidlo spúšte

Existujú typy spúšťačov 3:

  • Kliknutie je akt kliknutím myši
  • Vstup myši nad prvkom
  • Myš vystupuje nad prvkom

Zoznam akcií je pomerne dlhý. Napríklad môžete presmerovať používateľa, ktorý klikne na Snoopy, na inú stránku výberom akcie “ single Link Čo prinesie nové možnosti.

Objavte aj naše 10 prémiové WordPress pluginy z rezervácie a rezervácie

Vedenie-of-spúšťačov-revolúcia-slider

Ako používať Slider Revolution TimeLine

Slider Revolution ponúka v spodnej časti rozhranie pre správu času. Toto rozhranie vám umožňuje zistiť, kde a kde končí animácia prvku.

začína-a-end-duna-movie-on-slider-revolúcia

Na predchádzajúcom obrázku si všimnete dve modré šípky. Prvá vľavo označuje začiatok vstupnej animácie prvku a druhá označuje koniec vstupnej animácie. Tmavo červená farba označuje životnosť položky v scéne.

Lire aussi Ako pridať odpočítavanie na svojom blogu WordPress

Nájdete koniec tiež podobný druhému koncu trvania (vstupná animácia, životnosť a animácia na konci).

S „ časová os Budete mať možnosť ovládať, ktorý prvok sa zobrazí skôr a ktorý zmizne ako prvý. Je to veľmi praktický nástroj, ktorý musíte zvládnuť, aby ste mohli robiť dobrú animáciu.

Na časovej osi je tiež prehrávač, ktorý si môžete aktivovať a zobraziť ukážku snímky.

Animácia-časová os-revolúcia-slider

Dovtedy som vám dal základy na vytvorenie snímky. Teraz uložte jazdec a spustite ukážku.

Backup-and-previsulisation

To je všetko pre tento tutoriál, v ďalšom sa budeme baviť o zobrazení jazdca na článku a niektorých pokročilých operáciách.

Objavte aj niektoré témy a prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. Disk Audio

Disk Audio je ďalší WordPress Plugin ktorý vám pomôže zobraziť audio prehrávač priamo na vašom webe jednoduchým stlačením tlačidla. Rozloženie audio prehrávača je úplne responzívne, takže používatelia mobilných zariadení si budú môcť jeho funkcie vychutnať bez akýchkoľvek problémov.

Disk audio prehrávač premium wordpress pluginy pridať audio prehrávač

Okrem toho ponúka mnoho možností prispôsobenia vrátane farebných schém, vzhľadov, obrázkov na pozadí a nepriehľadnosti. Má niekoľko možností, ako ho ovládať pomocou klávesnice a podobne vám tiež umožňuje prezerať si zoznam skladieb pomocou nastaviteľnej posuvnej lišty.

Čítajte tiež: 10 WordPress pluginy na posilnenie výskumu na svojom blogu

Budete tiež môcť vložiť odkazy na sťahovanie do hudobného prehrávača, aby ste používateľom ukázali, kam môžu ísť, aby si kúpili skladbu prehrávanú na vašom webe. 

Stiahnuť | demo | web hosting

2. Event-line Pre

Toto je ďalšie WordPress Plugin 100% responzívny, ľahko prispôsobiteľný a venovaný správe rezervácií na akejkoľvek webovej stránke, ktorá ponúka svoje služby v oblasti podujatí.

Rezervácia udalosti pro

Medzi jeho hlavné vlastnosti patrí: prispôsobenie textu, farby, orámovanie a iné, podpora pre PayPal, správa kupónových kódov a kupónov, podpora pre mapy Google, podpora správy e-mailov,  podpora krátkych kódov, intuitívny ovládací panel, ľahké vytváranie udalostí, úplná kontrola vzhľadu atď.

Stiahnuť | demo | web hosting 

3. Social Share & Locker Pro

Doplnok Social Share & Locker Pro bol navrhnutý tak, aby umožňoval lepšiu viditeľnosť vášho webu v sociálnych sieťach. Iba niekoľkými kliknutiami môžete buď nastaviť polohu svojich sociálnych ikon, alebo uzamknúť obsah požadovaním zdieľania na jednej zo sociálnych sietí, ktoré ponúkate.

Doplnok pre sociálne zdieľanie skrinky pre WordPress

Máte preddefinované témy 10 a to by malo pokrývať najbežnejšie priania. Všetky jej témy sú sietnica a pracovné zázraky. 

Služba 30 má za úlohu robiť blogové príspevky po ich publikovaní Objavte ich v tomto článku.

Vďaka aplikácii Social Share & Locker Pro budete môcť zobraziť celý názov sociálnych sietí alebo iba ikonu. Bude to závisieť od vášho dizajnu, dostupného priestoru alebo vašich želaní.

Stiahnuť | demo | web hosting

Odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

záver

Tu je! To je pre túto príručku všetko. Dúfame, že tento výukový program vám poskytne základné informácie o vytváraní prezentácie pomocou aplikácie Slider Revolution na blogu alebo webovej stránke WordPress. Ak máte akékoľvek otázky, návrhy alebo pripomienky, nechajte ich v našej sekcii Komentáre.

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.

Neváhaj zdieľať so svojimi priateľmi na obľúbených sociálnych sieťach

...