Nieuwe slider aanmaken in Revolution Slider

In deze tutorial laten we je zien hoe je een nieuwe slider aan kunt maken voor de Revolution Slider plugin. Je gebruikt hiervoor een foto, of gekleurde achtergrond en teksten om een slideshow op te zetten. We geven in deze tutorial 2 voorbeelden voor het maken van een Default slider, namelijk;

  1. Een blanco slider die we zelf gaan inrichten
  2. Een slider maken op basis van een sjabloon

De mogelijkheden voor deze plugin zijn werkelijk eindeloos, en voor iedere website dien je rekening te houden met veel factoren zoals; grootte, kleurgebruik, functie van de slider etc. Je kunt deze slider ook voor veel doeleinden inzetten. Denk bijvoorbeeld aan het promoten van een actie, of product (integratie met WooCommerce) of een slider van Facebook albums en YouTube video’s.

Wil je alle functies zien? Bekijk dan de website van de makers van de Revolution Slider via deze link.
  1. Maak een nieuwe blanco slider aan
  2. Begin met een demo (sjabloon) slider
    1. Importeer een slider uit de sjabloonbibliotheek
  3. Slider beheer

1. Maak een nieuwe blanco Slider

  • Selecteer op de hoofdpagina van de plug-in “Create New Slider”.
  • Voer een slider Titel en Alias, en klik op “Save”.

Tip! Voordat je opslaat, kun je verschillende instellingen van de slider op deze pagina aanpassen. Het is echter niet vereist om dit te doen om een nieuwe slider te maken, omdat deze naderhand kunnen worden aangepast.

2. Begin met een demo (sjabloon) slider

Wanneer je “Add slider from template” kiest, wordt de Sjabloonbibliotheek getoond, die een groot aantal gratis sjablonen bevat waaruit je kunt kiezen en waar ook de Premium Sliders te vinden zijn.

Let op! Je kunt alleen maar gratis sjablonen (Free templates) gebruiken en importeren vanaf je harde schijf (in de map van de Revolution slider plugin > examples-v5.x). Om de Premium sliders te gebruiken heb je een geldige licentiecode nodig.
Toevoegen Slider Template
  • Kies “Add slider from template” om de Sjabloonbibliotheek te bekijken.

  1. Category Filters: verfijn uw zoektocht naar een specifieke categorie.
  2. Update library: controleer of er nieuwe sjablonen beschikbaar zijn.
  3. New/updated: bekijk de nieuwste sjablonen.
  4. Scrollbar: schuif door het venster met de sjablonenlijst om alle sjablonen te bekijken.
  5. Preview: bekijk de live demo van de sjabloon.
  6. Installed: indicatie dat het sjabloon al is gedownload.
  7. Not installed: indicatie dat het sjabloon nog moet worden gedownload.

 

  1. Sjabloonoverzicht: basisinformatie over de sjabloon.
  2. Setup-notes: Belangrijke informatie over het gebruik van de slider.
  3. Requirements: Informatie over de minimale plugin versie en add-ons die nodig zijn om de sjabloon te installeren.
  4. Installed / Available version: informatie over de huidige versie van de sjabloon en de nieuwste beschikbare versie.
  5. Reinstall Slider: nuttig voor wanneer sjablonen worden bijgewerkt en ook voor gevallen waarin sjablooninhoud per ongeluk is verwijderd.
  6. Add slider: installeer de sjabloon.

Nadat je een mooi sjabloon hebt gekozen, kies je hoe je deze wil importeren. “Online” zal de sjabloon automatisch importeren van de plugin servers, maar je kunt ook “Local” kiezen en de slider importeren uit een van de demo-zip bestanden die bij de plug-in zijn geleverd.

In het onderstaande voorbeeld gaan we verder met de optie ‘Local’.

Om de “Local” import te voltooien uit de originele bronmap van de plug-in, staat een map met de naam “examples-v5.x”. Klik op de knop “Bladeren” (# 1) en zoek het zip bestand dat in het groene vak wordt vermeld op jouw computer (bijvoorbeeld “exwebproduct.zip”). Klik vervolgens op “Slider importeren” (# 2).

3. Slides maken

We gaan nu een nieuwe slide aanmaken. Het aanmaken hiervan is voor beide bovenstaande methodes hetzelfde. Laten we beginnen!

 

4. Tot slot

Click to access the login or register cheese