U weet waarschijnlijk Slider Revolution, het is een van de meest gedownloade premium WordPress-plug-ins op CodeCanyon. Het wordt ook het meest aanbevolen voor mensen die een schuifregelaar (diavoorstelling) op hun website of WordPress blog.

Het is een plug-in die beschikbaar is op CodeCanyon.com. Vergeet niet dat we u eerder hebben voorgesteld hoe download een plug-in op dit platform.

Dus het eerste is Telecharger, installeer en activeer het.

Als u dit laatste nog nooit heeft geïnstalleerd, zoek het dan uit Hoe Revolution Slider op WordPress te installeren.Vous pouvez aussi ontdek deze andere gedetailleerde en vrij complete tutorial.

Aanbevolen.

Hoe te configureren Slider Revolutie

Slider Revolution biedt basisinstellingen. U moet eerst de startpagina van de plug-in openen via het menu " Slider Revolution »Beschikbaar in het linkermenu van uw dashboard, na installatie en activering van de plug-in.

toegang revolutie slider.jpg

Hiermee wordt u omgeleid naar het Slider Revolution-plugin-dashboard. Daarna zullen we de plug-in configureren. Klik vervolgens op de link ' Algemene instellingen Gelegen in het submenu Slider Revolution.

algemene parameters resolutie slider.jpg

Klik erop om naar een nieuwe pagina te gaan. Deze pagina bevat enkele opties, waaronder:

  • De rollen die toegang hebben view plugin toestemming »
  • Overal plug-inbronnen laden " on Of alleen op de pagina's die er gebruik van maken. Het laden van bronnen op al uw pagina's kan uw website vertragen.
  • U kunt de bronnen van de plug-in ook op bepaalde pagina's integreren door de ID van elke pagina toe te voegen in de " Pagina's naar RevSlider omvat bibliotheken .
  • Voor een betere weergave kunt u ervoor kiezen om de bronnen van de plug-in te laden nadat de pagina is weergegeven met de optie " Inzet JavaScript in footer .
  • U kunt de opties activeren voor het exporteren van de schuifregelaargegevens voor gebruik op verschillende andere websites.
  • De laatste optie betreft de activiteitenrapporten van de slider.

revolutie schuifregelaar instellen algemene parameters.jpg

Standaardinstellingen zijn acceptabel. Maar u kunt deze naar wens aanpassen. Vergeet niet te klikken op " Instellingen opslaan »Om uw instellingen op te slaan.

Terug naar « Slider Revolution Omdat we nu een nieuwe schuifregelaar gaan maken.

configureer de WordPress Slider Revolution-plug-in

Een schuifregelaar maken met de plug-in Revolution-schuifregelaar

Revolution Slider is zeer flexibel en past zich aan vrijwel elk type schuifregelaar aan, van de eenvoudigste tot de meest complexe met lagen (dit is een erg interessante functie).

Op de nieuwe pagina zie je dat er twee hoofdkolommen zijn. Deze pagina moet worden beschouwd als de instellingenpagina voor de nieuwe schuifregelaar. Het is vanaf deze locatie niet mogelijk om afbeeldingen en teksten toe te voegen. We gaan echter enkele instellingen van de schuifregelaar wijzigen.

Ontdek onze 10 beste premium WordPress-plug-ins om schuifregelaars op uw blog te maken

In het gedeelte 'Param-schuifregelaar'

We hebben verschillende verplichte velden die moeten worden ingevuld, waaronder:

  • Titel
  • De alias die op de shortcode wordt gebruikt. U moet noodzakelijkerwijs een alias opgeven.

titel shortcode revolutie slider.jpg

Er zijn verschillende soorten schuifregelaars mogelijk met Slider Revolution:

  • U kunt ervoor kiezen om de artikelen als een dia weer te geven, met name door een limiet van de resultaten te definiëren, door de weergavevolgorde te wijzigen, door een sjabloon te kiezen, enz ...
  • Kies bepaalde artikelen en geef hun ID's op
  • Kies de galerijmodus voor de schuifregelaar, waarmee we complexere en mooiere dia's kunnen maken.

slider revolutie type selectie slider.jpg

Met de volgende optie kunt u de lay-out van de schuifregelaar wijzigen: vast, gepersonaliseerd, automatisch reagerend, volledig scherm. Naast deze opties zijn er opties voor rastergroottes en indelingsafmetingen.

grootte configuratie revolutie slider.jpg

Dit zijn de opties in de eerste kolom. De tweede kolom biedt verschillende andere opties. We hebben onder andere: De duur van elke dia, die standaard 9 seconden is.

Willekeurige weergave (shuffle-modus)

algemene parameters slider revolutie slider.jpg

De sectie Layout & Visual

Deze sectie groepeert de opties voor de configuratie van de schaduw, de achtergrond in het subtabblad "Uiterlijk". U vindt er ook een tabblad "Spinner", waarmee u de animatie tijdens het laden van de schuifregelaar kunt wijzigen, het tabblad "Mobiel" waarmee u kunt bepalen hoe de schuifregelaar op mobiel wordt weergegeven en het tabblad "Positie" waarmee u om de locatie van de schuifregelaar in relatie tot de inhoud te configureren.

layout & visuele revolutie slider.jpg

Het gedeelte Navigatie

Het navigatietabblad is onderverdeeld in verschillende subtabbladen waarmee u verschillende aspecten van de navigatie van de schuifregelaar kunt configureren. U hebt bijvoorbeeld het tabblad "pijlen" waarmee u het type navigatieknop tussen de schuifregelaars kunt kiezen (u kunt de pijlen al dan niet activeren). Met het tabblad "Opsommingsteken" heb je ook de mogelijkheid om navigatiekogels te configureren, met het tabblad "Tabs" dat een tabschuifregelaareffect zal toevoegen, enzovoort.

navigatie tabblad revolutie slider.jpg

Configureer de animatievoorwaarden van "Algemene parameters"

Biedt opties voor dia's. U kunt bijvoorbeeld bepalen dat de schuifregelaar automatisch stopt na een bepaalde dia " Stoppen na Loops »Of kies de positie van de schuifbalk (op de voortgangsbalk kunt u zien hoe lang het duurt voordat een dia wordt weergegeven).

configuratie animatie slider revolutie slider.jpg

Dit zijn de eerste secties van de plug-in en degene die u het meest zult gebruiken. U kunt meer opties gebruiken om meer functionaliteit aan de schuifregelaar toe te voegen.

Ontdek Hoe maak je een Pro-webpagina met WPBakery en voeg er een mooie schuifregelaar aan toe.

Als u klaar bent, slaat u de onderstaande schuifregelaar op met de " Instellingen opslaan .

register slider revolution sliders.jpg

Na klikken op ' Instellingen opslaan », Wordt u doorgestuurd naar de interface voor het maken van een schuifregelaar. Hierdoor wordt een lege standaardschuifregelaar gemaakt.

schuifregelaar creatie interface.jpg

Een nieuwe dia toevoegen aan een schuifregelaar

Als je niet meer weet wat dit is, heb ik in een vorig bericht een reeks technische termen voor WordPress gedefinieerd, waaronder « Schuifregelaar 'en' Dia's ».

Voordat de interface voor het wijzigen van de schuifregelaaropties wordt weergegeven, ziet u een sectie met standaard 3 zones waar u de laatste met het label " Dia toevoegen". Door er met de muis overheen te gaan, verschijnen er extra opties. Kies Lege dia toevoegen.

voeg een schuifregelaar toe aan een slider.jpg

Opmerking : Alle nieuwe dia's die u maakt, worden aan deze balk toegevoegd. Elke gemaakte dia biedt u aanvullende beheeropties: Verwijderen, Dupliceren, Toevoegen aan sjabloon.

De interface van een slider bestaat uit:

  • Geavanceerde dia-opties
  • Vanuit de ontwerpinterface van de schuifregelaar (aanmaakinterface)

Geavanceerde optiesinterface

Deze opties zijn georganiseerd in verschillende tabbladen. In het hoofdgedeelte van de achtergrond kunt u verschillende aspecten configureren die van invloed zijn op de achtergrond van de dia. Je kunt er bijvoorbeeld voor kiezen om een ​​YouTube-video als achtergrond te gebruiken.

achtergrond video revolutie slider.jpg

Op het tabblad Algemene parameters kunt u elementen configureren, zoals de duur van de dia, verschillende gebeurtenissen die ervoor zorgen dat de dia pauzeert (de animatie stopt).

algemene parameters revolutie slider.jpg

Op het miniatuurtabblad kunt u een voorbeeld kiezen voor de gemaakte dia. Dit wordt gebruikt als uw schuifregelaar diavoorbeelden biedt. 

creatie vignette revolutie slider.jpg

Op het tabblad Dia-animatie kunt u definiëren wat de begin- en eindanimatie van de dia is. U heeft een ruime keuze uit de beschikbare opties.

kies animatiedia revolutie slider.jpg

Op het tabblad link & seo kunt u enkele HTML-kenmerken van de dia wijzigen. U hoeft dit tabblad in principe niet vaak te gebruiken.

Revolution Slider ontwerpinterface

De ontwerpinterface is die ensceneringslocatie waar je je compositie gaat maken. Het bestaat uit een oppervlak bestaande uit witte en grijze vierkanten, die de werkende super vormen (waar de verschillende elementen worden geplaatst).

interface ontwerp revolutie slider.jpg

Wat u moet weten over lagen

Elk object dat op de compositie-interface wordt geplaatst, vormt een laag. Deze lagen kunnen over elkaar heen worden gelegd, net zoals bij schetsen. De laag kan dus bestaan ​​uit een afbeelding, een html-code, een video, een vorm, een object en nog veel meer. U kunt een laag toevoegen door met de muis over de knop "Laag toevoegen" te gaan, waardoor u meer opties krijgt.

blader door een laag revolutie slider.jpg

Als u op "Tekst / html" klikt, wordt er een tekstzone op de ontwerpinterface toegevoegd die u kunt aanpassen (tekst toevoegen, lettertype wijzigen of verplaatsen).

voeg tekst revolutie toe slider.gif

Elke toegevoegde laag kan verschillende opties bieden. Gewoonlijk dubbelklikt u erop om toegang te krijgen tot de opties van een laag. We gaan nu een afbeelding toevoegen.

voeg afbeelding toe revolutie slider.gif

Elke laag heeft zijn eigen opties. Deze opties zijn de balk net boven de ontwerpinterface.

optie voor laagrevolutie slider.jpg

Dit zijn tabbladen die geavanceerde opties bieden. Als we bijvoorbeeld de animatie van de laag willen wijzigen, moeten we naar het tabblad Animatie gaan en als volgt een invoer- en uitvoeranimatie kiezen.

kies een animatie voor een layer.gif

Elk tabblad heeft zijn eigen opties. Door een paar minuten te nemen, zult u kunnen begrijpen hoe de meeste tabbladen werken.

Dat is ongeveer alles wat er te weten valt over het configureren van de WordPress Plugin Slider Revolution om te beginnen. We komen later terug om u meer geavanceerde technieken te laten zien.

Maar voordat we u verlaten, willen we u nog 2 premium-alternatieven aanbieden die zijn ontworpen om u te helpen bij het maken van sliders op uw website.

1. RoyalSlider

Royal Slider, de meest gedownloade schuifregelaar op CodeCanyon, zit boordevol onweerstaanbare functies. Deze plug-in wordt gebruikt door bedrijven die zo divers zijn als Coca-Cola, Ralph Lauren en Land Rover en doet zo ongeveer alles wat je van een schuifregelaar mag verwachten. De meest aantrekkelijke functie is native ondersteuning op volledig scherm.

Royalslider touch content slider voor wordpress

Perfect voor het weergeven van hoge resolutie fotografie. Deze plug-in zal zeker indruk maken op uw bezoekers met zijn professionele functies. Als functionaliteiten zullen we onder andere hebben: de mogelijkheid om meerdere sliders met verschillende stijlen per pagina te creëren, ondersteuning voor tactiele navigatie, een responsive design, de verticale of horizontale miniatuur A, bullets of tabs voor navigatie, en meer.

Downloaden | demonstratie | web hosting

2. . WP Slick Slider en Image Carousel Pro

Als je een onvoorwaardelijke volgeling van het vervolg bent Visual Composeris het gebruik van de WP Slick Slider-plug-in een optie waarmee u rekening moet houden. Met bijna vooraf gedefinieerde 100-sjablonen vindt u zeker wat u zoekt zonder iets te coderen.Wp slick slider en image carousel pro

Dit is een optie om echt serieus te nemen, vooral voor gebruikers van Visuele componist - WPBakery -.

De functies zijn onder andere: een mise volledig responsieve pagina met ondersteuning voor slepen en neerzetten, een cshortcodes builder, deupport van de RTL en de meertalige, vanprachtig ontwerp, en veel meer.

Downloaden | demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

Conclusie

We hopen dat dit artikel je heeft geholpen bij het opzetten van de WordPress Plugin Premium Slider-revolutie. Als je vragen hebt, aarzel dan niet om ze achter te laten in de sectie commentaires. En als je dit artikel leuk vond, deel het dan op je andere sociale mediakanalen