Les posuvníky sú prvky, ktoré možno nájsť na takmer všetkých domovských stránkach webových stránok. Smart Posuvník 3 je výkonný doplnok dostupný v bezplatnej a prémiovej verzii.
Hlavné vlastnosti tohto doplnku
Okrem iného ponúka:
- Intuitívne užívateľské rozhranie
- Tvorca drag-and-drop videa s funkciou Live Preview / 8
- Dynamické snímky, ktoré je možné vytvárať pomocou článkov a filtrovať podľa ID alebo vlastných stránok
- Generovanie snímok (Dynamicky) z rôznych sociálnych sietí (Facebook, Dribbble, Flickr, Instagram, Twitter, YouTube a ďalšie).
- Prispôsobiteľné ovládacie posúvače
- Posuvné animácie na pozadí (ken Burns)
Zdarma vs Premium
Ak hľadáte iba základný posúvač, Smart Slider 3 je k dispozícii na WordPress.org v adresári doplnkov. Aj bezplatná verzia je v porovnaní s ostatnými posuvníkmi pôsobivá a zvláštna.
Osobná licencia na jedno miesto stojí iba 25 dolárov (obnova je na 15 $).
Medzi bezplatnou a prémiovou verziou, pokiaľ ide o obsah a funkcie, existujú určité kľúčové rozdiely. Tu je to, čo dostanete s prémiovou verziou:
- Neobmedzený generátor dynamických snímok
- Pokročilé príkazy
- Režim expertov
- Animácie na pozadí
- Prehliadač obrázkov a editor
- Ukážky jazdca 43
Výukový program: Vytvorenie základného jazdca
Ak ste ešte nikdy nenainštalovali WordPress, objavte to Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu.
Po aktivácii sa WordPress Plugin Slider Smart umiestni svoju vlastnú ponuku do spodnej časti panela správcu WordPress.
Ak ste nikdy nenainštalovali a WordPress Plugin Discover Ako nainštalovať plugin v systéme WordPress
Kliknite na ponuku Inteligentný jazdec, otvorí sa hlavné rozhranie, kde ako prvá možnosť uvidíte veľké zelené tlačidlo: " Vytvoriť Slider » ktoré otvára počiatočné konfiguračné okno, ako vidíte nižšie.
Odtiaľ môžete posuvník pomenovať a zvoliť všeobecný štýl. Existuje veľa štýlov, z ktorých si môžete vybrať (napríklad celá šírka, celá stránka, karusel, miniatúra a ďalšie), ale ideme s blokovým posúvačom na základe rozloženia našej existujúcej webovej stránky.
Kliknite na „Vytvoriť“ a Slider Smart začne navrhovať váš základný model jazdca. Po niekoľkých sekundách sa ocitnete na stránke, ktorá poskytuje všetky základné podrobnosti o doplnku.
Discover Ako vytvoriť politiku ochrany osobných údajov na WordPress
Prvá vec, ktorú si tu treba zapísať, je časť „ publikovanie Slider„. Budete musieť použiť jednu z týchto troch metód (Shortcode, Page alebo Post editor, alebo PHP kód), keď príde čas na zverejnenie snímky (n ° 1 nižšie). Predtým, ako to dokážeme, musíme vytvoriť snímky.
To je miesto, kde plugin skutočne demonštruje svoje jednoduché použitie.
Všetko, čo musíte urobiť, je kliknúť na zelené tlačidlo „ Pridať snímku Image "(n ° 2 nižšie) a otvorí sa vaša knižnica médií. Odtiaľ môžete vybrať toľko obrázkov, koľko chcete, alebo začať iba s jedným a potom kliknúť na „ vybrať V okne knižnice médií.
Poznámka: Pri výbere snímky sa neobmedzujete iba na obrázky. Môžete tiež použiť video alebo články a tiež vytvoriť prázdne, statické alebo dokonca dynamické snímky.
konzultovať Ako duplikovať (kopírovať) svoje stránky na WordPress: Výukový program
Aplikácia Smart Slider načíta vašu snímku do rozhrania a ste pripravení na ukladanie a publikovanie alebo na začatie prispôsobovania. Ak však zverejním svoju prezentáciu, bude to fungovať dobre, ale nie je to celkom to, čo som hľadal, ako vidíte na obrázku nižšie.
Aby som to napravil, išiel som do menu „Veľkosť“ a zvalil som sa dole do sekcie responzívny režim, Výber bol "Plná šírka", tak som si vybral „Auto“ a zachránil môj pokrok. Odtiaľ som sa vrátil späť k Všeobecný "a vybrané stredisko zarovnanie.
Keď tu hovorím o jednoduchom použití, nezabudnite na to celý tento proces trval môj prvý menej ako 5 minút pokus.
Teraz je čas pracovať na samotnej snímke. Keď umiestnite kurzor myši na snímky v zobrazenom poli, všimnete si, že v ľavom hornom rohu sa zobrazí zelené políčko. Ako ste už mohli uhádnuť, kliknutím sa táto snímka označí ako prvá v poradí.
Pozri tiež 5 vynikajúce prémiové WordPress pluginy pridať slider
Po vytvorení môjho posúvača a pozadí na mieste bolo načase pridať nejaký obsah a prechody. Ak chcete vykonať tento krok, jednoducho som klikol na snímku, ktorú som chcel upraviť, ktorá vedie do sekcie vrstiev.
Na pravom paneli je veľa individuálnych nastavení, ale ak sa posuniete nadol, nájdete obrázok svojej snímky. Potom môžete kliknúť na jednu z položiek v ľavom paneli a umiestniť ich na svoju snímku.
Vytváranie týchto snímok je iná škola. K dispozícii je toľko možností. Aby ste mali predstavu o tom, aký flexibilný je tento doplnok, pozrite sa na to, čo každý prvok dokáže pre váš posúvač, pomocou:
- Ponuka položiek
- animácie
- Nastavenia vrstvy
V každej z týchto ponúk je niekoľko podponúk. Napríklad pri vytváraní textového prvku môžete upraviť nastavenia písma, napríklad:
- Policajné rodiny
- farbu textu
- veľkosť písma
- výška línie
- Výzdoba textu
- Zarovnanie
- Medzery medzi písmenami a slovami
- Nastavenia úprav textu
- Tieň textu
Každý textový prvok na vašom jazdci môže mať jedinečné nastavenia, jedinečné animácie a svoje vlastné nastavenia synchronizácie. K dispozícii je dokonca aj časť Vlastné CSS.
Keď do snímky pridávate prvky a animácie, vo verzii pro si všimnete aj funkciu kalendára, ktorá vám to umožní ovládať čas zobrazenia jednotlivých prvkov a trvanie ich animácií pomocou jednoduchých posuvných tyčí.
Pri pridávaní rôznych vrstiev pre túto snímku o niečo neskôr som sa spoliehal na túto funkciu.
Pridávanie vrstiev a animácií
Keď je náš posúvač na mieste a pozadie je nainštalované, je čas niečo predstaviť rozdielny prvky a vrstvy. Začneme tým, že na snímku pridáme obrázok snehuliaka. Za týmto účelom idem do ponuky "Vrstvy" a kliknite na „Obrázok“. Týmto sa na snímku umiestni fiktívny obrázok.
Objavte tiež Ako nakonfigurovať doplnok WordPress Slider Revolution
Odtiaľ môžete kliknúť na fiktívny obrázok vľavo dole a potom vybrať a zmeniť veľkosť obrázka v knižnici médií.
Po výbere, vložení a zmene veľkosti obrázka je čas pridať niekoľko základných animácií, ktoré je možné vykonať iba v niekoľkých krokoch.
Prvým je výber karty „Animácie“ ako je vidieť nižšie. Po dokončení klikneme na zelené tlačidlo animácie „V“.
Na ďalšej obrazovke môžem zvoliť svoju animáciu a upraviť plán. Pre túto konkrétnu snímku uvádzam animáciu „RIGHT“ a zvyšujem trvanie na 2200 XNUMX ms.
Hľadáte ftp na správu súborov a priečinkov WordPress Ako používať FTP v systéme Windows 10
Pridám aj meškanie 300ms. V dolnej časti tejto obrazovky je možnosť mať konkrétnu udalosť a spúšťač pre túto animáciu, napríklad ukážku myši alebo kliknutie na snímku. S týmto nastavením nebudem pre tento príklad komplikovať veci.
Potom pridám nejaký text. Rovnakým postupom, ako je uvedené vyššie, kliknite na položku „ pridanie textu A urobte potrebné úpravy. Zadal som text a potom som prešiel do nastavení písma, kde som zmenil veľkosť a farbu.
Pridám animáciu " Pozvoľna zosilniť A upravil kalendár tak, aby sa začal hneď po animácii snehuliaka.
V tomto menu si tiež všimnete, že existuje možnosť mať špecifický text pre tablety a zariadenia mobilné. Toto je vynikajúci príklad druhov funkcií, vďaka ktorým je tento doplnok taký flexibilný a užívateľsky prívetivý.
V niektorých „iných“ posúvačoch by som bol nútený použiť mediálny dopyt a vlastné CSS.
Nakoniec pridám ďalšie dve vrstvy. Prvá je textová vrstva a druhá je obrazová vrstva. Opäť prechádzam úplne rovnakým procesom ako vyššie, ale načasovanie animácie som si vzal trochu navyše. Konečné výsledky si môžete pozrieť nižšie.
Celkovo vzaté, vytvorenie tejto snímky bolo procesom 20 minút.
Poznámka: Premeniť túto snímku na Gif upraví určité termíny krásne vybraných animácií, ktoré som starostlivo zostavil.
Voila! Po vyskúšaní veľa doplnkov WordPress jazdca, zadarmo aj prémiovo, môžem úprimne povedať, že ide o jeden z najlepších, aké som kedy testoval. Nie je to len jedna konkrétna vlastnosť, ktorá ju robí jedinečnou. Je to kombinácia vecí, ktoré ukazujú, aký skvelý plugin je.
Je dôležité si uvedomiť, že som nepokryl všetky jednotlivé funkcie.
Objavte tiež Ako zistiť, ktorá téma sa používa na blogu WordPress
Som si istý, že ak by som strávil trochu viac času prácou s týmto pluginom, našiel by som pár vecí, ktoré by som rád zmenil, a možno aj pár chýb. Myslím si, že jednoduché použitie tam drží ľudí dostatočne dlho, aby mohli nakoniec naplno využiť množstvo ponúkaných funkcií. A verte mi, že je ich veľa.
Stiahnite si Smart Slider 3
Objavte aj niektoré 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. WooCommerce Page Builder
WooCommerce Page Builder je a WordPress Plugin veľmi populárny, ktorý ponúka pomerne konzistentný počet krátkych kódov a ktorý vám umožňuje vytvárať na vašom webe niekoľko typov personalizovaných stránok (produkt, košík, pokladňa, „môj účet“) WooCommerce. Je rozšírením Vizuálne skladateľ plugin ktorú musíte nainštalovať vopred.
Vďaka tomuto doplnku budete mať možnosť vytvárať webové stránky elektronického obchodu jedinečné pomocou akéhokoľvek WordPress témua zarobí vám veľa peňazí.
Stiahnuť | demo | web hosting
2. Elementor
Plugin Elementor WordPress, ktorý bol pôvodne uvedený na trh v roku 2016, je jedným z najmladších tvorcov stránok v tomto zozname. Napriek neskorému začiatku, Elementor rýchlo zhromaždil viac ako 1 000 000 aktívnych inštalácií na WordPress.org, čo z neho urobilo jednu z Vizuálni tvorcovia najpopulárnejších stránok WordPress.
To, čo robí jeho povesť, je jej plynulé vizuálne rozhranie, rôzne možnosti štýlu a ďalšie silné funkcie, ako je úplná tvorba Témy WordPress.
Jeho rozhranie je rozdelené na dve hlavné časti, s treťou zónou pre určité parametre. Bezplatná verzia produktu Elementor ponúka bezplatné miniaplikácie 28. Verzia Pro prináša 30 ďalšie widgety, celkom 58 widgety vo verzii Pro. Bezplatná verzia obsahuje asi 40 šablón zadarmo, zatiaľ čo verzia Pro prináša stovky ďalších šablón.
Stiahnuť | demo | web hosting
3. Ninja Popups
S viac ako 30 000 predajmi a 4,4 hviezdičkovým hodnotením je Ninja Popups jedným z WordPress pluginy tie najpopulárnejšie dostupné na Code Canyon.
Okrem širokej škály modelov na rôzne použitie prichádza aj s niekoľkými funkciami, ako napríklad: vizuálny tvorca Popup, 10 rôznych pozícií zobrazenia pre vyskakovacie okná, 74 rôznych efektov animácie, podpora technológie blokovania blokovania reklám, rôzne možnosti zacielenia, štatistika v prístrojová doska, blokovanie obsahu pre e-mail s prihlásením alebo zdieľanie na sociálnych sieťach, veľa integrácií so službami e-mailového marketingu a ďalšie.
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 vytvoriť politiku ochrany osobných údajov na WordPress
- Ako porozumieť štruktúre súborov WordPress
- Ako pridať navigačnú ponuku na stránku WordPress
- Ako nakonfigurovať doplnok WordPress Slider Revolution
záver
Tu je! To je pre tento výukový program všetko a dúfam, že vám pomôže ľahko vytvoriť posúvače alebo snímky pomocou Doplnok WordPress Smart-Slider. Ak sa vám to páčilo, neváhajte zdieľať so svojimi priateľmi na obľúbených sociálnych sieťach.
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.
Medzitým nám ale povedz niečo o svojom Komentáre a návrhy vo vyhradenej sekcii.
...
Dobrý deň,
Ďakujeme za podrobné vysvetlenie na inteligentnom posuvnom ovládači 3.
Po vytvorení môjho posúvača som ho vložil do článku. Veľkosť posúvača nezodpovedá tomu, čo som nastavil pomocou nástroja. Zaberá celú šírku nádoby. Ako ho môžeme prispôsobiť preddefinovanému formátu na stránke alebo v článku?
srdečne
Dobrý deň,
Nikdy som neskúšal vašu tému, prepáčte. Pozývam vás na prečítanie dokumentácie k doplnku alebo kontaktujte vývojára.