Chcete nakonfigurovat WordPress Plugin Posuvná revoluce?

Od začátku této série tutoriálů věnovaných WordPress Plugin  Posuvník Revoluci jsme se naučili stáhnout a nainstalovat plugin, pak jsme objevil jeho rozhraní a jeho různé funkce, Nyní pojďme ukázat vám konfigurace a „Slider“.

Pokud jste začátečník a hledáte zdroje, jak začít; najdete zde vše, co potřebujete, abyste mohli začít, A pokud objevíte vytvoření blogu, přečtěte si Jak snadno vytvořit blog WordPress: Guide & Tuto

To znamená, pojďme zjistit, co je to posuvník.

Co je to slider v praxi?

Posuvník je komponenta HTML. Ano, vím, řekl jsem, že vám to nepřinese mnoho výhod. Posuvník je tedy funkce, která vám umožňuje zobrazit různé informace ve smyčce (nebo ne). Tyto informace jsou seskupeny podle " slide “, Což je entita„ jezdce “a která může obsahovat obrázky, video texty, odkazy atd.

" Posuvník „Proto obsahuje“ skluzavky (Alespoň 1) a tyto snímky obsahují multimediální prvky (obrázky, video, hudba, text), které mohou být animované nebo interaktivní (reagovat na akce uživatele).

Poznámka : Můžete přeložit „ posuvníky V " Interaktivní a dynamické snímky ".

Slider Revolution nám to umožňuje a začneme bez dalšího zpoždění.

Pokud ještě nemáte vytvořené webové stránky a hledáte WordPress téma který toto mocné nativně integruje WordPress Plugin, tento seznam prémiových témat WordPress bude dokonalý.

Vytvoření posuvníku: První konfigurace

Chcete-li začít, musíte kliknout na nabídku " Posuvník Revoluce Na hlavním panelu WordPress.

Nyní klikněte na položku nový Slider A dostanete se do konfiguračního rozhraní jezdce.

Konfigurační rozhraní posuvníku může být zastrašující, ale pokud ustoupíte zpět, lépe pochopíte jeho funkčnost. Můžete si všimnout, že toto rozhraní se skládá ze dvou částí. První vlevo se skládá z 5 různých oblastí a druhá vpravo se skládá ze 6 malých oblastí. Hned nahoře máte panel nástrojů, který vám umožňuje:

• Zpět na seznam posuvníků « Všechny Sliders »
• Přístup k nastavení posuvníku (toto je okno, ve kterém se nacházíte)
• Úpravy rozhraní snímků
• Tlačítko pro zálohování
• Tlačítko pro úpravu snímku
• Tlačítko posuvného náhledu
• Tlačítko pro odstranění posuvníku
• Tlačítko pro návrat (znovu) Do seznamu jezdců

Nyní budu vysvětlovat každý oddíl v levém sloupci.

Tento plugin WordPress manipuluje se spoustou obrázků, což by mohlo zpomalit načítání vašeho webu. Objevit Proč je třeba začít optimalizovat blog WordPress pomocí obrázků

část „Zdroj obsahu“

Tato část umožňuje konfigurovat zdroj posuvníku. Ve skutečnosti se zde můžete rozhodnout vytvořit:

• Klasický posuvník, ve kterém budete muset sami nakonfigurovat všechny animace
• Posuvník článků, ve kterém je váš manévrovací prostor poměrně omezený
• Posuvník konkrétních článků, které si můžete vybrat
• Posuvník informačního kanálu Flickr
• Posuvník zdroje Instagramu
• Posuvník produktu WooCommerce
• Jezdec na kanálu Twitter
• Posuvník na příspěvcích na Facebooku
• Jezdec na YouTube Publikace
• A posuvník na publikacích Vimeo

Je třeba poznamenat, že: Slider Revolution je výkonný plugin, který umožňuje zvýrazňovat produkty v internetovém obchodě. Objevte Témata 10 WordPress k vytvoření internetového obchodu a předvedení oblečení

To znamená, že budeme spokojeni s tím, jak vytvořit klasický jezdec, protože je nejpoužívanější, nejobtížnější zvládnout a nejneobyčejnější ve svých účincích. S praxí se vám podaří vytvořit si vlastní konfigurace na jiných jezdcích. V případě problémů se neváhejte vrátit a zanechat komentář zde. Takže ponechte možnost “ Výchozí posuvník "Aktivní.

Sekce Posuvník Název a zkrácený kód

Pravděpodobně jste to uhodli. V této části můžete definovat název posuvníku a zkrácený kód, který jej bude doprovázet (nic jiného než raketová věda).

Sekce „Vyberte typ posuvníku“

Tato část umožňuje definovat základní strukturu posuvníku. Ve skutečnosti máte k dispozici 3 možnosti, ze kterých si můžete vybrat:

• Pro první možnost definujte výchozí posuvník se šířkami přizpůsobenými dostupnému prostoru a obsahujícími základní prvky, jako jsou navigační tlačítka.
• U druhé možnosti se můžete rozhodnout použít dynamický a interaktivní styl, bez navigačního tlačítka a mnohem většího než předchozí možnost. Tato možnost se nazývá „scéna hrdiny“, protože zde budete klást větší důraz na animace a interakci.
• Poslední možnost nabízí mnohem klasičtější styl se zjednodušeným posouváním obrázků zleva doprava v celkem pestrých animacích.

Poznámka : Kdykoli si vyberete možnost, máte sekci "Vložte přednastavení z tohoto typu posuvníkuCož vám nabízí pokročilé variace typu posuvníku, který jste si vybrali.

Nebudu moci vysvětlit všechny varianty, ale budete moci vyvodit závěry z dostupných obrázků. Například pro typ posuvníku “ Standard Máte čtvrtou variantu “ Palec Bottom samostatně ", Což vám umožní vytvořit posuvník s miniaturami dole a má animaci s automatickým posouváním.

Sekce „Rozložení snímků“

Tato část umožňuje nastavit rozvržení posuvníku. Takže můžete odejít Revoluce Slider »Automaticky vyberte šířky, které bude aplikovat na posuvník, zvolte použít na posuvník celou šířku nebo použijte posuvník v režimu celé obrazovky.

V závislosti na tom, kterou možnost vyberete, se váš posuvník na některých zařízeních bude lišit. Máte níže sekci konfigurace mřížky podle zařízení (mobil, počítač, atd..). Mějte na paměti, že konfigurace mřížky umožňuje změnit vnitřní okraje každého jezdce.

Přečtěte si také Tipy 6 pro optimalizaci mobilního designu vašeho blogu

Na samém konci této části si můžete vybrat, zda chcete povolit viditelnost přetečení, povolit zachování rádiového vzhledu a nastavit minimální výšku.

Sekce „Přizpůsobit, vytvořit a implementovat“

Tato sekce ve skutečnosti nemá možnost pro plugin. Nabízí několik rychlých odkazů na důležité sekce.

Nyní budeme pokračovat druhým sloupcem vpravo.

Část Obecná nastavení

Tato část nabízí některá nastavení, která se použijí pro posuvník. Takto můžete:

Na kartě Prezentace

• Zakázat posuvník při nadjezdu
• Po nastaveném počtu svitků zastavte posuvník
• Zobrazit snímky náhodně
• Smyčku sklopte
• Deaktivujte nebo zastavte posuvník na určité velikosti zařízení
• Poslední možnost „Čekat na revapi.revstart ()“ pro vás nebude užitečná.

Na kartě „Poruchy“

Můžete definovat:

• Volitelný znak vrstev
• Definujte identifikátor posuvníku (provádí se automaticky)
• Minimální doba mezi snímky
• Časový limit před inicializací
• Přechod mezi snímky
• Trvání přechodu vyjádřené v mikrosekundách
• Velikost obrazu
• Pozice CSS obrázku na pozadí
• Opakování obrázku na pozadí, pokud tento obrázek není dostatečně velký
• Aktivace možnosti " video Muette Což vám umožní definovat typ animace, pozice v XY (ano, co se naučíte, když musíte kreslit matematické funkce) a dalších prvků.

Karta ukazatele průběhu

Všechny možnosti v této části jsou pro panel postupu, který můžete povolit a přizpůsobit.

Karta 1^er Klouzat

Tato část umožňuje aktivovat první alternativní snímek. To umožní Posuvník Načíst „ slide Jako první si vyberete. Pamatujte na to “ skluzavky Jsou prvky, které lze identifikovat.

Sekce „Layout & Visual“

Karta Vzhled

Tato část umožňuje konfigurovat vzhled posuvníku. Zejména můžete definovat zobrazování stínu pod posuvníkem (velmi užitečné, pokud zvolíte výchozí posuvník, se značně nízkým okrajem).

Můžete také zvolit zobrazení překryvné vrstvy pokryté průhlednými tečkami (díky tomu bude váš posuvník velmi originální, ale pokud chcete zobrazit informace, které budete muset důkladně přečíst, budete muset jít bez).

Pak máte na pozadí posuvník, vnitřní okraj a obrázek na pozadí (to, co potřebujete vědět, je to, že se obrázek pozadí na této úrovni zobrazí na všech vašich klouže).

záložka „Spinner“

Tato karta umožňuje definovat animaci při načítání jezdce, nic víc.

na kartě „Mobilní“

Tato karta umožňuje spravovat zobrazení posuvníku na mobilu. Musíte vědět, že mobilní provoz je důležitý, a proto byste jej neměli zanedbávat. Pokud jsou rozměry mobilního telefonu (šířka) menší než číslo, které jste určili (v pixelech), budete mít možnost jezdce skrýt.

záložka „Poloha“

To vám umožní určit polohu posuvníku vzhledem ke stránce. Budu mít tendenci říkat ve vztahu k místu, kde se nachází. Tuto možnost není třeba upravovat, protože předpokládám, že všichni chceme, aby byl posuvník vystředěn.

Sekce „Navigace“

Tato část umožňuje aktivovat navigační tlačítka mezi snímky na „posuvníku“. Máte 6 možností navigace:

• Šipky
• blechy
• Karty
• náhledy
• Vliv přistání na mobilní zařízení
• A navigaci pomocí šipek

Každá možnost, pokud je povolena, vám umožní nakonfigurovat polohu navigačních prvků nebo jejich princip fungování (výchozí nastavení je obvykle dostačující).

Sekce „Nastavení karuselu“

Tato část se zobrazí, pouze pokud vyberete typ „ Posuvník karuselu », A umožňuje konfigurovat jeho možnosti. Budeš schopen:

• Povolit nekonečné posouvání
• Pokud nechcete, aby se snímky dotýkaly, zadejte mezeru mezi snímky
• Nastavte zaoblený rámeček v pixelech
• Nastavit horní horní okraj (padding-top)
• Nastavit dolní horní okraj (padding-bottom)
• Počet prvků viditelných na „snímku“
• « strech element„, Umožňuje natáhnout prvek tak, aby zabíral celou šířku“ Posuvník »

Zabezpečení je důležitým prvkem doby provozuschopnosti vašeho webu a jednou z technik, která vás ochrání před jakýmikoli vážnými útoky nebo chybami, je pravidelné zálohování blogu. Objevte naše Zásuvné moduly pro zálohování blogu 5 WordPress

Sekce „Paralaxa a 3D“

Zde můžete aktivovat možnost „ 3D Na vašem posuvníku.

Sekce „Problém a řešení“

Tato část umožňuje spravovat kompatibilitu se starými zařízeními. Posuvník můžete zjednodušit IOS4 a Internet Explorer 8 ".

V opačném případě můžete zvolit zobrazení alternativního obrázku, pokud prohlížeč posuvník nepodporuje.

Sekce „Fonty Google“

Tato funkce vám umožňuje spravovat písma Google Fonts, která si stáhnete, a použít je na posuvník.

Jakmile definujete parametry posuvníku. Jediné, co musíte udělat, je kliknout na tlačítko záznamu.

Pokud plugin WordPress Slider Revolution není váš oblíbený, pokud jde o vytváření posuvníků na webových stránkách WordPress, nabízíme dvě alternativy schopné nabídnout podobné funkce.

1. LayerSlider

LayerSlider je prémiový víceúčelový animační plugin WordPress. Dává vám možnost vytvářet prezentace a galerie obrázků s ohromujícími efekty, krásně animované vstupní stránky a bloky stránek nebo dokonce celý web.

Je to jedna z alternativ schopných úzce konkurovat Slider Revolution. Jeho vizuální editor drag-and-drop umožňuje každému uživateli velmi intuitivní začít jej používat. Nejsou vyžadovány žádné technické ani kódovací dovednosti. Jeho stále rostoucí výběr importovatelných modelů je ideálním výchozím bodem pro nové projekty a pokrývá všechny běžné případy použití. Jsou vyráběny opatrně a lze je snadno přizpůsobit tak, aby vyhovovaly všem potřebám.

Vynikající podpora a časté aktualizace zajišťují, že z nákupu získáte maximum.

Přejděte dále s tímto výkonným pluginem WordPress přečtením tohoto článku Layer Slider: WordPress plugin pro vytvoření posuvníku

Stáhnout | Demo | Web hosting

2. Posuvník WP1

WP1 Slider je univerzální plugin WordPress. Je snadno použitelný a má všechny užitečné funkce, které budete potřebovat k vytvoření nádherných prezentací. Většina zásuvných modulů je příliš technická a vyžaduje jejich konfiguraci spoustu času, ale WP1 Slider je určen pro neprogramátory a nabízí neuvěřitelné možnosti.

Mezi nimi najdete:podpora účinků Kenburn, 6 různé modely posuvných přechodů,upport krátkých kódů, a cvnímání diapozitivů přetažením, crychlé obtěžování a vynikající SEO,podpora sdílení na několika sociálních sítích, iintegrace videí YouTube a Vimeo, rozložení eplně reagující, podpora WooCommerce a další.

Stáhnout | Demo | Web hosting

Další doporučené zdroje

Zveme vás také, abyste si prostudovali níže uvedené zdroje, abyste se dostali dále do sevření a kontroly nad svým webem a blogem.

• Pluginy 8 WordPress pro vytváření diagramů na blogu
• 5 pluginů WordPress pro sdílení vašich článků
• Doplňky 6 WordPress k zajištění shody blogu s RGPD
• 8 pluginů WordPress pro přidání překladového systému na blog

Proč investovat do čističky vzduchu?

Voila! To je vše pro tuto prezentaci o konfiguraci pluginu WordPress Posuvník Revolution. Budeme pokračovat v budoucím tutoriálu, kde budeme diskutovat o designu diapozitivů.

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 nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Pokud však máte k této záležitosti jakékoli připomínky nebo návrhy, uvítají je v sekci komentářů. Zvláště sdílejte tento článek o svých odlišných sociální sítě.