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:
- Stiahnite a nainštalujte Slider Revolution
- Ako porozumieť používateľskému rozhraniu Slider Revolution Home
- Ako nastaviť prezentáciu pri Slider Revolution
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 ".
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
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 ".
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).
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).
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.
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 ".
Na webe nájdete veľa bezplatných obrázkov. Vyhľadajte iba na Googli.
Po pridaní obrázka to platí okamžite v náhľade snímky a na „scéne“.
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 ".
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.
Potom pridajte tento obrázok do scény a budete mať niečo také:
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
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:
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.
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.
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 ".
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.
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:
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.
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:
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ý:
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.
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« + ».
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
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.
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.
Dovtedy som vám dal základy na vytvorenie snímky. Teraz uložte jazdec a spustite ukážku.
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.
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í.
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.
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.
- Ako sa stať úspešným blogerom a zarábať peniaze pomocou WordPress
- Ako integrovať Google Forms WordPress
- Ako vytvoriť politiku ochrany osobných údajov na WordPress
- Doplnky 6 WordPress na zabezpečenie súladu blogu s RGPD
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.
...
Dobrý deň,
Chcem pridať obrázok ar na posuvníku, idem na plán ar, ako zdroj vyberiem Pozadie/Hlavný obrázok, ale nemám modré tlačidlo "zmeniť obrázok", takže nerozumiem, ako vybrať požadovaný obrázok zobraziť ho ako rám môjho posúvača...máte nápad?
ďakujem
Walter