Les posuvníky jsou prvky, které lze najít téměř na všech domovských stránkách webových stránek. Inteligentní posuvník 3 je výkonný plugin dostupný v bezplatné a prémiové verzi.

Hlavní vlastnosti tohoto pluginu

Jako vlastnost nabízí mimo jiné:

  • Intuitivní uživatelské rozhraní
  • Tvůrce přetahování videa na stránce s živým náhledem / 8
  • Dynamické snímky, které lze vytvořit pomocí článků a filtrovat podle ID nebo vlastních stránek
  • Generování snímků (Dynamicky) z různých sociálních sítí (Facebook, Dribbble, Flickr, Instagram, Twitter, YouTube a další).
  • Přizpůsobitelné ovládací posuvníky 
  • Posuvné animace na pozadí (Ken Burns)

Zdarma vs Premium

Pokud hledáte pouze základní posuvník, Smart Slider 3 je k dispozici na WordPress.org v adresáři pluginů. Dokonce i bezplatná verze je působivá a speciální ve srovnání s některými dalšími posuvníky.

Osobní licence pro jeden web stojí pouze 25 $ (obnova je na 15 $).

Smart Posuvník-Templates

Mezi bezplatnou a prémiovou verzí z hlediska obsahu a funkcí existují některé klíčové rozdíly. S prémiovou verzí získáte následující informace:

  • Neomezený generátor dynamických snímků
  • Pokročilé příkazy
  • Expertní režim
  • Animace na pozadí
  • Prohlížeč obrázků a editor
  • Ukázky jezdců 43

Výukový program: Vytvoření základního posuvníku

Pokud jste nikdy nenainstalovali WordPress, objevte to Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu.

Jakmile je aktivován, WordPress Plugin Slider Smart umístí svou vlastní nabídku do spodní části administračního panelu WordPress.

Pokud jste nikdy neinstalovali a WordPress Plugin objevit Jak nainstalovat plugin v systému WordPress

Klikněte na nabídku Chytrý jezdec, otevře se hlavní rozhraní, kde první možností, kterou uvidíte, je velké zelené tlačítko: " Vytvořit Slider » který otevře úvodní konfigurační okno, jak vidíte níže.

Smart-Slider-Vytvořit-Slider

Odtud můžete posuvník pojmenovat a zvolit obecný styl. Existuje spousta stylů, ze kterých si můžete vybrat (jako je celá šířka, celá stránka, karusel, miniatura a další), ale jdeme s posuvníkem bloků na základě rozložení našeho stávajícího webu.

Klepněte na tlačítko "Vytvořit" a Slider Smart začne navrhovat váš základní posuvný model. Po několika sekundách se ocitnete na stránce, která poskytuje všechny základní podrobnosti o zásuvném modulu.

Discover Jak vytvořit zásady ochrany osobních údajů na WordPress

První věc, kterou si zde všimnete, je část „ Publikování Slider". Budete muset použít jednu z těchto tří metod (Shortcode, Page nebo Post editor, nebo PHP kód), když přijde čas publikovat snímek (n ° 1 níže). Než to dokážeme, musíme vytvořit snímky.

To je místo, kde plugin opravdu demonstruje jeho snadné použití.

Vše, co musíte udělat, je kliknout na zelené tlačítko " Přidat snímek Image "(n ° 2 níže) a otevře se vaše knihovna médií. Odtud můžete vybrat tolik obrázků, kolik chcete, nebo začít pouze s jedním a poté kliknout na „ vybrat V okně knihovny médií.

Smart-Slider-New Snímky

Poznámka: Při výběru snímku se neomezujete pouze na obrázky. Můžete také použít video nebo články a také vytvářet prázdné, statické nebo dokonce dynamické snímky.

konzultovat Jak duplikovat (zkopírovat) své stránky na WordPress: Výukový program

Smart Slider načte váš snímek do rozhraní a vy jste připraveni uložit a publikovat nebo začít přizpůsobovat. Pokud však zveřejním svou prezentaci, bude to fungovat dobře, ale není to úplně to, co jsem hledal, jak vidíte na obrázku níže.

Inteligentní posuvník mimo střed 1

Chcete-li to opravit, šel jsem do nabídky "Velikost" a posunul jsem se dolů do sekce responzivní režim, Výběr byl "Plná šířka", tak jsem si vybral "Auto" a zachránil můj pokrok. Odtamtud jsem se vrátil k obecný „a vybrané středisko zarovnání.

Smart-Slider-Size-Change

Když zde mluvím o snadném použití, pamatujte na to celý tento proces trvalo mé první necelých 5 minut pokus.

Nyní je čas pracovat na samotném snímku. Když umístíte ukazatel myši na snímky ve výřezu, všimnete si, že se v levém horním rohu zobrazí zelené pole. Jak jste asi uhodli, kliknutím označíte tento snímek jako první v pořadí.

Viz také 5 vynikající prémiové WordPress pluginy pro přidání jezdce

Když jsem vytvořil můj posuvník a pozadí na místě, bylo na čase přidat nějaký obsah a přechody. Chcete-li provést tento krok, jednoduše jsem klikl na snímek, který jsem chtěl upravit, který mě vede do sekce vrstev.

V pravém panelu je spousta individuálních nastavení, ale pokud se posunete dolů, najdete obrázek svého snímku. Poté můžete kliknout na jednu z položek v levém panelu a umístit je na snímek.

Smart-Slider-Elements

Vytváření těchto snímků je další škola. K dispozici je tolik možností. Abyste získali představu o tom, jak flexibilní je tento plugin, podívejte se na to, co každý prvek může udělat pro váš posuvník pomocí:

  • Nabídka položek
  • animace
  • Nastavení vrstvy

V každé z těchto nabídek je několik podnabídek. Například při vytváření textového prvku můžete upravit nastavení písma, například: 

  • Policejní rodiny
  • Barvu textu
  • velikost písma
  • Výška linie
  • Dekorace textu
  • Zarovnání
  • Mezery mezi písmeny a slovy
  • Nastavení úprav textu
  • Stín textu

Každý textový prvek na posuvníku může mít jedinečná nastavení, jedinečné animace a vlastní nastavení synchronizace. K dispozici je dokonce i sekce pro Vlastní CSS.

Když do snímku přidáváte prvky a animace, ve verzi pro si také všimnete funkce kalendáře, což vám umožní ovládat dobu zobrazení jednotlivých prvků a dobu trvání jejich animací pomocí jednoduchých posuvných tyčí.

Při přidávání různých vrstev pro tento snímek o něco později jsem se spoléhal na tuto funkci.

Smart-Slider-Timeline

Přidávání vrstev a animací

Když je náš posuvník na místě a nainstalované pozadí, je čas nějaké představit différents prvky a vrstvy. Začneme tím, že na snímek přidáme obrázek sněhuláka. K tomu přejdu do nabídky "Vrstvy" a klikněte na „Obrázek“. Tím se na snímek umístí smyšlený obrázek.

Objevte také Jak nakonfigurovat zásuvný modul WordPress Slider Revolution

Odtud můžete kliknout na fiktivní obrázek vlevo dole a poté vybrat a změnit velikost obrázku v knihovně médií.

Smart-Slider-Image-Element-Resize

Jakmile jsem si vybral, vložil a změnil velikost mého obrázku, je čas přidat nějakou základní animaci, kterou lze provést jen v několika krocích.

Prvním je výběr karty „Animace“ jak je vidět níže. Po dokončení klikneme na zelené tlačítko animace "V".

Smart-Slider-animace

Na další obrazovce můžu vybrat svou animaci a upravit plán. U tohoto konkrétního snímku představuji „PRAVOU“ animaci a zvyšuji dobu trvání na 2200 XNUMX ms.

Hledáte FTP pro správu souborů a složek WordPress, objevte Jak používat FTP v systému Windows 10

Přidám také zpoždění 300 ms. Ve spodní části této obrazovky je možnost mít konkrétní událost a spouštěč pro tuto animaci, například ukazatel myši nebo kliknutí na snímku. S tímto nastavením nebudu pro tento příklad věci komplikovat.

Smart Posuvník-In-Animace-Nastavení

Pak přidám nějaký text. Stejným postupem jako výše klikněte na položku „ přidání textu A proveďte potřebné úpravy. Zadal jsem text a poté šel do nastavení písma, kde jsem změnil velikost a barvu.

Přidám animaci " Pozvolna zesílit A upravil kalendář tak, aby začal hned po animaci sněhuláka.

V této nabídce si také všimnete, že existuje možnost mít konkrétní text pro tablety a zařízení mobilní, pohybliví. Toto je skvělý příklad druhů funkcí, díky nimž je tento plugin tak flexibilní a uživatelsky přívětivý.

U některých „jiných“ posuvníků bych byl nucen použít mediální dotaz a vlastní CSS.

Smart-Slider-text-Layer-Options

Nakonec přidám další dvě vrstvy. První je textová vrstva a druhá je obrazová vrstva. Opět procházím přesně stejným procesem jako výše, ale do načasování animace jsem si vzal něco navíc. Konečné výsledky můžete vidět níže.

Celkově vzato bylo vytvoření tohoto snímku procesem 20 minut.

Poznámka: Převést tento snímek na Gif upraví určité termíny krásně vybraných animací, které jsem pečlivě sestavil.

Voila! Poté, co vyzkoušel spoustu pluginů WordPress jezdce, bezplatného i prémiového, mohu upřímně říci, že je to jeden z nejlepších, jaké jsem kdy testoval. Není to jen jedna specifická vlastnost, která ji činí jedinečnou. Je to kombinace věcí, které ukazují, jak skvělý je plugin.

Je důležité si uvědomit, že jsem nepokryl všechny jednotlivé funkce.

Objevte také Jak zjistit, jaké téma se používá na blogu WordPress

Jsem si jistý, že kdybych strávil trochu více času prací s tímto pluginem, našel bych pár věcí, které bych chtěl změnit, a možná i pár chyb. Myslím, že snadné použití udrží lidi tam dostatečně dlouho, aby mohli nakonec plně využít množství nabízených funkcí. A věřte mi, je jich mnoho.

Stáhněte si Smart Slider 3

Objevte také některé 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 zde některé prémiové doplňky WordPress, které vám to pomohou.

1. WooCommerce Page Builder

WooCommerce Page Builder je a WordPress Plugin velmi populární, který nabízí poměrně konzistentní počet krátkých kódů a který vám umožňuje vytvářet na vašem webu několik typů personalizovaných stránek (produkt, košík, pokladna, „můj účet“) WooCommerce. Jedná se o rozšíření Vizuální skladatel plugin kterou musíte nainstalovat předem.WooCommerce-page-builder

Díky tomuto pluginu budete mít možnost vytvářet webové stránky elektronického obchodu unikátní pomocí jakéhokoli WordPress témaa vydělává vám spoustu peněz.

Stáhnout | Demo | Web hosting

2. Elementor

Plugin Elementor WordPress, který byl původně spuštěn v roce 2016, je jedním z nejmladších tvůrců stránek v tomto seznamu. I přes svůj pozdní start Elementor rychle nashromáždil přes 1 000 000 aktivních instalací na WordPress.org, čímž se stal jedním z Vizuální tvůrci nejpopulárnějších stránek WordPress.

elementor pro e1544277036401
Co dělá jeho pověst je jeho tekuté vizuální rozhraní, jeho různé možnosti stylu a další výkonné funkce, jako je kompletní vytvoření Témata WordPress.

Jeho rozhraní je rozděleno do dvou hlavních částí, s třetí zónou pro určité parametry. Bezplatná verze aplikace Elementor nabízí widgety 28 zdarma. Verze Pro přináší další 30 widgety, celkem 58 widgety ve verzi Pro. Bezplatná verze obsahuje asi 40 šablon zdarma, zatímco verze Pro přináší stovky dalších šablon.

 Stáhnout | Demo | Web hosting

3. Ninja Popups

S více než 30 000 prodeji a hodnocením 4,4 hvězdičky je Ninja Popups jedním z WordPress pluginy ty nejoblíbenější dostupné na Code Canyon.

Ninja Popups WordPress pluginy vytvářejí vyskakovací vyskakovací okno pro přihlášení

Kromě široké škály modelů pro nejrůznější použití přichází také s několika funkcemi, jako například: vizuální tvůrce Popup, 10 různých pozic zobrazení pro vyskakovací okna, 74 různých efektů animace, podpora technologie blokování blokování reklam, různé možnosti cílení, statistiky v přístrojová deska, blokování obsahu pro přihlašovací e-mail nebo sdílení na sociálních médiích, spousta integrací s e-mailovými marketingovými službami a další.

Stáhnout | Demo | Web hosting

Doporučené zdroje

Zjistěte další doporučené zdroje, které vám pomohou vytvořit a spravovat váš web.

Proč investovat do čističky vzduchu?

Tady je ! To je pro tento výukový program vše a doufám, že vám pomůže snadno vytvářet posuvníky nebo snímky pomocí Doplněk WordPress Smart-SliderPokud se vám to líbilo, neváhejte sdílet se svými přáteli na svých oblíbených sociálních sítích

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.

Ale mezitím nám pověz o svém commentaires a návrhy ve vyhrazené sekci.

...