Chcete nakonfigurovať WordPress Plugin Posuvná revolúcia?

Od začiatku tejto série návodov venovaných WordPress Plugin  slider Revolúcia sme sa naučili stiahnite a nainštalujte doplnok, potom sme objavil jeho rozhranie a jeho rôzne funkcie, Teraz si ukážme konfigurácie a „Posuvník“.

Ak ste začiatočník a hľadáte zdroje, ako začať; nájdete tu všetko, čo potrebujete, aby ste mohli začať, A ak objavíte vytvorenie blogu, prečítajte si Ako ľahko vytvoriť blog WordPress: Guide & Toto

To znamená, poďme zistiť, čo je to posuvník.

Čo je to posuvník v praxi?

Posuvník je komponent HTML. Áno, viem, hovorí sa, že vám to neprinesie veľa výhod. Posuvník je teda funkcia, ktorá vám umožňuje zobrazovať rôzne informácie v slučke (alebo nie). Tieto informácie sú zoskupené podľa „ šmykľavka “, Čo je entita„ posúvača “a ktorá môže pozostávať z obrázkov, video textov, odkazov atď.

" Posuvník „Preto obsahuje“ šmýkačky (Aspoň 1) a tieto snímky obsahujú multimediálne prvky (obrázky, video, hudba, text), ktoré môžu byť animované alebo interaktívne (reagovať na akcie používateľa).

Poznámka : Môžete preložiť „ posuvníky V „ Interaktívne a dynamické snímky ".

Posuvná revolúcia nám to umožňuje a začneme bez ďalšieho omeškania.

Ak ste si ešte nevytvorili webovú stránku a hľadáte a WordPress tému ktorý natívne integruje toto mocné WordPress Plugin, tento zoznam prémiových tém WordPress bude dokonalý.

Vytvorenie posúvača: Prvé konfigurácie

Ak chcete začať, musíte kliknúť na ponuku „ slider Revolúcia Na hlavnom paneli WordPress.

Teraz kliknite na položku nový Slider A dostanete sa do konfiguračného rozhrania jazdca.

Konfiguračné rozhranie posúvača môže byť zastrašujúce, ale ak urobíte krok späť, lepšie pochopíte jeho funkčnosť. Môžete si všimnúť, že toto rozhranie sa skladá z dvoch častí. Prvá vľavo sa skladá z 5 rôznych oblastí a druhá vpravo sa skladá zo 6 malých oblastí. Hneď nad máte panel s nástrojmi, ktorý vám umožňuje:

• Späť na zoznam jazdcov « všetky Sliders »
• Prístup k nastaveniam posúvača (toto je okno, v ktorom sa nachádzate)
• Editovacie rozhranie snímok
• Tlačidlo pre zálohovanie
• Tlačidlo na úpravu snímky
• Posuvné tlačidlo ukážky
• Tlačidlo na odstránenie posúvača
• Tlačidlo pre návrat (znovu) Do zoznamu jazdcov

Teraz budem vysvetľovať každý oddiel v ľavom stĺpci.

Tento doplnok WordPress manipuluje s množstvom obrázkov, čo by mohlo spomaliť načítanie vášho webu. Objavte Prečo potrebujete začať optimalizovať svoj blog WordPress pomocou obrázkov

sekcia „Zdroj obsahu“

Táto časť umožňuje konfigurovať zdroj posúvača. Tu sa skutočne môžete rozhodnúť vytvoriť:

• Klasický jazdec, v ktorom budete musieť sami nakonfigurovať všetky animácie
• Posuvník článkov, v ktorom je manévrovací priestor dosť obmedzený
• Posuvník konkrétnych článkov, ktoré si môžete vybrať
• Posuvník informačného kanála Flickr
• Posuvník informačného kanála Instagram
• Posuvník produktu WooCommerce
• Jazdec na kanáli Twitter
• Posuvník na príspevkoch na Facebooku
• Jazdec na YouTube Publikácie
• A posuvník na publikáciách Vimeo

Malo by sa poznamenať, že: Slider Revolution je výkonný doplnok, ktorý umožňuje zvýrazňovať produkty v internetovom obchode. Objavte Témy 10 WordPress na vytvorenie internetového obchodu a prezentácie oblečenia

Napriek tomu budeme spokojní, keď ukážeme, ako vytvoriť klasický posúvač, pretože jeho účinky sú najpoužívanejšie, najťažšie zvládnuteľné a najvýnimočnejšie. S praxou sa vám podarí vytvoriť si vlastné konfigurácie na iných jazdcoch. V prípade problémov sa neváhajte vrátiť a zanechať komentár tu. Takže nechajte voľbu “ Predvolený posúvač »Aktívne.

Časť Posuvník a skratka

Asi ste uhádli. Táto sekcia vám umožňuje definovať názov jazdca a krátky kód, ktorý ho bude sprevádzať (nič moc, vedecké znalosti).

Sekcia „Vyberte typ posúvača“

Táto časť umožňuje definovať základnú štruktúru posúvača. Naozaj máte k dispozícii 3 možnosti, z ktorých si môžete vybrať:

• Pre prvú možnosť definujte predvolený posúvač so šírkami prispôsobenými dostupnému priestoru as základnými prvkami, ako sú navigačné tlačidlá.
• Pri druhej možnosti sa môžete rozhodnúť použiť dynamický a interaktívny štýl bez navigačného tlačidla, ktorý je oveľa väčší ako predchádzajúca možnosť. Táto možnosť sa nazýva „scéna hrdinov“, pretože tu budete klásť väčší dôraz na animácie a interakciu.
• Posledná možnosť ponúka oveľa klasickejší štýl so zjednodušeným posúvaním obrázkov zľava doprava v celkom pestrých animáciách.

Poznámka : Vždy, keď si vyberiete možnosť, máte sekciu “Vložte predvoľbu z tohto typu posúvačaTo vám ponúka rozšírené variácie typu posúvača, ktorý ste vybrali.

Nebudem môcť vysvetliť všetky variácie, ale z dostupných obrázkov budete môcť vyvodiť závery. Napríklad pre typ jazdca “ štandard Máte štvrtú variantu “ Palec Bottom samostatne “, Ktorá vám umožňuje vytvoriť posúvač s miniatúrami dole a má animáciu automatického posúvania.

Sekcia „Rozloženie snímky“

Táto časť vám umožňuje nastaviť rozloženie pre váš posúvač. Takže môžete odísť “ Revolúcia Slider »Automaticky vyberte šírky, ktoré sa budú vzťahovať na posúvač, vyberte použitie posúvača na celú šírku alebo použite posúvač v režime celej obrazovky.

V závislosti od vybranej možnosti sa bude váš jazdec na niektorých zariadeniach líšiť. Máte pod časťou konfigurácie mriežky podľa zariadení (mobil, počítač, atď..). Nezabudnite, že konfigurácia mriežky vám umožňuje meniť vnútorné okraje každého posúvača.

Prečítajte si tiež 6 tipy na optimalizáciu mobilného dizajnu vášho blogu

Na konci tejto časti si môžete vybrať, či chcete povoliť viditeľnosť pretečenia, povoliť zachovanie rádiového vzhľadu a nastaviť minimálnu výšku.

Sekcia „Prispôsobiť, zostaviť a implementovať“

Táto sekcia v skutočnosti nemá doplnok k dispozícii. Poskytuje niekoľko rýchlych odkazov na dôležité sekcie.

Teraz budeme pokračovať druhým stĺpcom vpravo.

Časť Všeobecné nastavenia

Táto časť ponúka niektoré nastavenia, ktoré sa použijú na posúvač. Takto môžete:

Na karte „Prezentácia“

• Zakázať posúvač pri nadjazde
• Po určitom počte posunov zastavte posúvač
• Zobrazovať snímky náhodne
• Slučku posuňte
• Vypnite alebo zastavte posúvač na určitej veľkosti zariadenia
• Posledná možnosť „Počkajte na revapi.revstart ()“ pre vás nebude užitočná.

Na karte „Poruchy“

Môžete definovať:

• Voliteľný znak vrstiev
• Definujte identifikátor jazdca (vykonáva sa automaticky)
• Minimálne trvanie medzi snímkami
• Časový limit pred inicializáciou
• Prechod medzi snímkami
• Trvanie prechodu vyjadrené v mikrosekundych
• veľkosť obrazu
• Poloha CSS obrázka na pozadí
• Opakovanie obrázka na pozadí, ak tento obrázok nie je dostatočne veľký
• Aktivácia možnosti „ video Muette Čo vám umožňuje definovať typ animácie, pozície v XY (áno, čo sa naučíte, keď musíte kresliť matematické funkcie) a ďalšie prvky.

Karta lišty postupu

Všetky možnosti v tejto časti sú pre pruh postupu, ktorý môžete povoliť a prispôsobiť.

Karta 1^er SLIDE

Táto časť vám umožňuje aktivovať prvú alternatívnu snímku. Toto umožní „ Posuvník Načítanie „ šmykľavka Podľa vášho výberu ako prvý. Nezabudnite, že „ šmýkačky Sú prvky, ktoré možno identifikovať.

Sekcia „Rozloženie a vizuál“

Karta „Vzhľad“

Táto časť vám umožňuje konfigurovať vzhľad jazdca. Najmä môžete definovať zobrazovanie tieňa pod jazdcom (veľmi užitočné, ak si vyberiete predvolený posúvač s výrazne nízkym okrajom).

Môžete sa tiež rozhodnúť zobraziť prekrytie pokryté priehľadnými bodkami (vďaka tomu bude váš jazdec veľmi originálny, ale ak chcete zobraziť informácie, ktoré budete musieť dôkladne prečítať, budete musieť ísť bez).

Potom máte na pozadí pozadie posúvača, vnútorný okraj a obrázok (čo potrebujete vedieť, je to, že obrázok na pozadí v tejto úrovni sa zobrazí na všetkých vašich kĺže).

karta „Spinner“

Táto karta umožňuje definovať animáciu pri načítaní jazdca, nič viac.

na karte „Mobil“

Táto karta umožňuje spravovať zobrazenie jazdca na mobile. Musíte vedieť, že mobilná prevádzka je dôležitá, a preto by ste ju nemali zanedbávať. Posuvník budete mať možnosť skryť, ak sú rozmery mobilu (šírka) menšie ako číslo, ktoré ste určili (v pixloch).

karta „Pozícia“

To vám umožní určiť polohu posúvača vzhľadom na stránku. Mám tendenciu hovoriť vo vzťahu k miestu, kde sa nachádza. Túto možnosť nie je potrebné meniť, pretože predpokladám, že všetci chceme, aby bol jazdec vystredený.

Sekcia „Navigácia“

Táto časť umožňuje aktivovať navigačné tlačidlá medzi snímkami na „jazdcovi“. Máte 6 možností navigácie:

• šípky
• blchy
• karty
• náhľady
• Účinok pristátia na mobilných zariadeniach
• A navigáciu pomocou šípok

Každá možnosť, ak je povolená, vám umožní nakonfigurovať polohu navigačných prvkov alebo ich princíp činnosti (zvyčajne postačujú predvolené nastavenia).

Sekcia „Nastavenia karuselu“

Táto sekcia sa zobrazí, len ak vyberiete typ „ Posúvač karuselu », A umožňuje konfigurovať jeho možnosti. Budeš môcť:

• Povoliť nekonečné posúvanie
• Ak nechcete, aby sa diapozitívy dotýkali, definujte medzi nimi medzeru
• Nastavte zaoblený okraj v pixloch
• Nastavte vysoký horný okraj (padding-top)
• Nastavte nízky horný okraj (padding-bottom)
• Počet prvkov viditeľných na „snímke“
• « stretch element„, Umožňuje natiahnuť prvok tak, aby zaberal celú šírku“ Posuvník »

Zabezpečenie je dôležitým prvkom prevádzkyschopnosti vášho webu a jednou z techník, ktorá vás ochráni pred akýmikoľvek vážnymi útokmi alebo chybami, je pravidelné zálohovanie blogu. Objavte naše Zálohovacie doplnky 5 pre WordPress Blog

Sekcia „Paralaxa a 3D“

Tu môžete aktivovať možnosť „ 3D Na vašom jazdci.

Sekcia „Problém a riešenie problémov“

Táto časť vám umožňuje spravovať kompatibilitu so starými zariadeniami. Posúvač môžete zjednodušiť IOS4 a Internet Explorer 8 ".

V opačnom prípade si môžete zvoliť zobrazenie alternatívneho obrázka, keď prehliadač nepodporuje posuvník.

Sekcia „Písma Google“

Táto funkcia vám umožňuje spravovať písma Google Fonts, ktoré si stiahnete, a použiť ich na posúvač.

Akonáhle ste definovali parametre svojho jazdca. Musíte len kliknúť na tlačidlo záznamu.

Ak doplnok WordPress Slider Revolution nie je váš obľúbený, pokiaľ ide o vytváranie posuvníkov na webových stránkach WordPress, ponúkame vám dve alternatívy, ktoré sú schopné ponúknuť podobnú funkčnosť.

1. LayerSlider

LayerSlider je prémiový viacúčelový doplnok pre animáciu WordPress. Dáva vám možnosť vytvárať prezentácie a galérie obrázkov s ohromujúcimi efektmi, nádherne animované vstupné stránky a bloky stránok alebo dokonca celý web.

Je to jedna z alternatív schopných úzko konkurovať Slider Revolution. Vďaka vizuálnemu editoru drag and drop je veľmi intuitívne, aby ho ktokoľvek začal používať. Nie sú potrebné žiadne technické ani kódovacie schopnosti. Stále rastúci výber importovateľných modelov je ideálnym východiskovým bodom pre nové projekty a pokrýva všetky bežné prípady použitia. Vyrábajú sa starostlivo a dajú sa ľahko prispôsobiť tak, aby vyhovovali všetkým potrebám.

Vynikajúca podpora a časté aktualizácie zaručujú, že z vášho nákupu získate maximum.

Prejdite ďalej s týmto výkonným doplnkom WordPress prečítaním tohto článku Posuvník vrstiev: doplnok WordPress na vytvorenie posuvníka

Stiahnuť | demo | web hosting

2. Slider WP1

WP1 Slider je univerzálny doplnok WordPress. Je ľahko ovládateľný a má všetky užitočné funkcie, ktoré budete potrebovať na vytvorenie nádherných prezentácií. Väčšina zásuvných modulov je príliš technická a vyžaduje ich veľa času na ich konfiguráciu, ale ovládač WP1 je navrhnutý pre neprogramátorov a ponúka neuveriteľné možnosti.

Medzi nimi nájdete:podpora účinkov Kenburn, 6 rôzne modely posuvných prechodov,upport krátkych kódov, a cpočúvanie diapozitívov drag and drop, crýchle obťažovanie a vynikajúce SEO,podpora zdieľania na viacerých sociálnych sieťach, iintegrácia videí YouTube a Vimeo, rozloženie eplne reagujúce, podpora WooCommerce a ďalšie.

Stiahnuť | demo | web hosting

Ďalšie odporúčané zdroje

Tiež vás pozývame, aby ste si prečítali zdroje uvedené nižšie, aby ste sa presadili a ovládali svoje webové stránky a blog.

• Doplnky 8 WordPress na vytváranie diagramov na blogu
• 5 doplnkov WordPress na zdieľanie vašich článkov
• Doplnky 6 WordPress na zabezpečenie súladu blogu s RGPD
• 8 doplnkov WordPress na pridanie prekladateľského systému na blog

záver

Voila! To je všetko pre túto prezentáciu o konfigurácii doplnku WordPress slider Revolution. Budeme pokračovať v budúcom tutoriále, kde budeme diskutovať o dizajne snímok.

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 alebo jeden na Divi: najlepšia téma WordPress všetkých čias.

Ak však máte k tejto záležitosti akékoľvek pripomienky alebo návrhy, budú vítané v sekcii komentárov. Zvlášť zdieľajte tento článok o svojich odlišných sociálne siete.