Wilt u de . configureren WordPress Plugin Slider revolutie?

Sinds het begin van deze reeks tutorials gewijd aan: WordPress Plugin  Slider Revolutie, hebben we geleerd download en installeer de plug-in. vervolgens hebben we ontdekte de interface en de verschillende functionaliteiten. Laten we nu doorgaan met het tonen van de configuraties van een "Schuifregelaar".

Als je een beginner bent en op zoek bent naar middelen om te beginnen; u vindt hier alles wat u nodig hebt om te beginnen. En als je blogcreatie ontdekt, lees Hoe maak je gemakkelijk een WordPress Blog aan: Guide & Tuto

Dat gezegd hebbende, laten we eens kijken wat een slider is.

Wat is een schuifregelaar in de praktijk?

Een slider is een HTML-component. Ja, ik weet het, ik zei het, het levert je niet veel op. Een schuifregelaar is dus een functie waarmee je verschillende informatie in een lus kunt weergeven (of niet). Deze informatie is gegroepeerd op " glijbaan ", Wat een entiteit is van een "schuifregelaar" en die kan bestaan ​​uit afbeeldingen, videoteksten, links, etc.

de " schuif "Daarom bevat" dia's (Ten minste 1) en deze dia's bevatten multimedia-elementen (afbeeldingen, video, muziek, tekst) die geanimeerd of interactief kunnen zijn (reageren op acties van de gebruiker).

Opmerking : U kunt vertalen " sliders In ' interactieve en dynamische dia's .

Slider Revolution stelt ons in staat om dat te doen, en we zullen zonder verdere vertraging beginnen.

Als je nog geen website hebt gemaakt en op zoek bent naar een WordPress theme die deze krachtige native integreert WordPress Plugin, deze lijst met premium WordPress-thema's is perfect.

Creëren van een slider: eerste configuraties

Om te beginnen, moet u op het menu " Slider Revolutie Op uw WordPress-dashboard.

Klik nu op het item nieuwe Slider En u komt bij de configuratie-interface van de schuifregelaar.

De configuratie-interface van de schuifregelaar kan intimiderend zijn, maar als u een stap achteruit doet, zult u de functionaliteit ervan beter begrijpen. Het valt je misschien op dat deze interface uit twee delen bestaat. De eerste aan de linkerkant bestaat uit 5 verschillende gebieden en de tweede aan de rechterkant bestaat uit 6 kleine gebieden. Rechtsboven heb je de werkbalk, waarmee je:

• Terug naar de lijst met schuifregelaars « alle Sliders »
• Toegang tot schuifregelaarinstellingen (dit is het venster waarop u zich bevindt)
• De bewerkingsinterface van dia's
• Een back-knop
• Een knop voor het bewerken van dia's
• Een voorbeeldknop met schuifregelaar
• Een schuifknop verwijderen
• Een knop om te keren (nog) Om de lijst met sliders

Ik zal nu elke sectie in de linkerkolom te verklaren.

Deze WordPress-plug-in manipuleert veel afbeeldingen, wat het laden van uw website kan vertragen. Ontdek Waarom u moet beginnen met het optimaliseren van uw WordPress-blog op basis van afbeeldingen

het gedeelte "Inhoudsbron"

In dit gedeelte kunt u de bron van de schuifregelaar configureren. Inderdaad, hier kunt u besluiten om:

• Een klassieke schuifregelaar, waarin u alle animaties zelf moet configureren
• Een schuifregelaar met artikelen, waarin uw speelruimte vrij beperkt is
• Een schuifregelaar met specifieke artikelen die u kunt kiezen
• Een schuifregelaar van de Flickr-nieuwsfeed
• Een schuifregelaar van de Instagram-feed
• Een productschuifregelaar WooCommerce
• Een schuifregelaar op het Twitter-feed
• Een schuifknop op Facebook-berichten
• Een slider op YouTube Publicaties
• En een schuifregelaar op Vimeo-publicaties

Terloops moet worden opgemerkt dat: Slider Revolution een krachtige plug-in is waarmee producten in een online winkel kunnen worden gemarkeerd. Ontdek de 10 WordPress-thema's om een ​​online winkel te maken en uw kleding te presenteren

Dat gezegd hebbende, zullen we tevreden zijn met het presenteren van een klassieke schuifregelaar, omdat deze het meest gebruikt, het moeilijkst te beheersen en de meest buitengewone effecten heeft. Met oefening kunt u uw eigen configuraties maken op andere schuifregelaars. In geval van problemen, aarzel niet om terug te komen en hier een reactie achter te laten. Dus laat de optie " Standaard schuifregelaar "Actief.

Het gedeelte Titel en shortcode van de schuifregelaar

Je raadt het waarschijnlijk al. In dit gedeelte kun je de titel van de schuifregelaar definiëren en de shortcode die erbij hoort (niets te rocket science).

Het gedeelte 'Selecteer een type schuifregelaar'

In dit gedeelte kunt u de basisstructuur van de schuifregelaar definiëren. U heeft inderdaad de beschikking over 3 opties om uit te kiezen, waarmee u:

• Definieer voor de eerste optie een standaardschuifregelaar met breedtes aangepast aan de beschikbare ruimte en met basiselementen zoals navigatieknoppen.
• Voor de tweede optie kunt u besluiten om een ​​dynamische en interactieve stijl toe te passen, zonder navigatieknop en veel indrukwekkender dan de vorige optie. Deze optie wordt "hero scene" genoemd omdat je hier meer nadruk legt op animaties en interactie.
• De laatste optie biedt een veel klassieke stijl met een vereenvoudigd scrollen van de afbeeldingen van links naar rechts in behoorlijk gevarieerde animaties.

Opmerking : Wanneer u een optie kiest, hebt u een sectie 'Laad een voorinstelling van dit schuifregelaarstypeDie u geavanceerde variaties biedt van het type schuifregelaar dat u hebt gekozen.

Ik zal niet alle variaties kunnen verklaren, maar je kunt wel conclusies trekken uit de beschikbare afbeeldingen. Voor het schuifregelaartype bijvoorbeeld ' Standaard Je hebt als vierde variatie " Thumbs Bottom zelf ", Waarmee u een schuifregelaar met miniaturen onderaan kunt maken en een automatisch scrollende animatie heeft.

Het gedeelte "Dia-indeling"

In deze sectie kunt u een lay-out instellen voor uw schuifregelaar. Zodat je kunt vertrekken ' Revolutie Slider »Kies automatisch de breedte die wordt toegepast op de schuifregelaar, kies ervoor om de volledige breedte op de schuifregelaar toe te passen of gebruik de schuifregelaar in volledig scherm.

Afhankelijk van de optie die u kiest, verschilt uw schuifregelaar op sommige apparaten. U hebt hieronder een gedeelte van de configuratie van het raster volgens de apparaten (mobiel, desktop, etc..). Houd er rekening mee dat u met de configuratie van het raster de interne marges van elke schuifregelaar kunt wijzigen.

Lees ook 6-tips voor het optimaliseren van het mobiele ontwerp van uw blog

Helemaal onderaan dit gedeelte kunt u ervoor kiezen om overloopzichtbaarheid in te schakelen, het uiterlijk van de radio in te schakelen en een minimale hoogte in te stellen.

Het gedeelte "Aanpassen, bouwen en implementeren"

Deze sectie heeft eigenlijk geen optie voor de plug-in. Het biedt u enkele snelle links naar belangrijke secties.

We gaan nu verder met de tweede kolom aan de rechterkant.

Het gedeelte Algemene instellingen

In dit gedeelte vindt u enkele instellingen die van toepassing zijn op de schuifregelaar. Dit is hoe u:

In het tabblad "Diavoorstelling"

• Schakel de schuifregelaar op het viaduct uit
• Stop de schuifregelaar na een bepaald aantal schuiven
• Dia's willekeurig weergeven
• Loop de dia
• Schakel de schuifregelaar uit of stop deze op een bepaald apparaatformaat
• De laatste optie "Wacht op revapi.revstart ()", zal niet nuttig voor je zijn.

In het tabblad "Storingen"

U kunt definiëren:

• Het selecteerbare karakter van de lagen
• Definieer de ID van de schuifregelaar (deze wordt automatisch gedaan)
• De minimale duur tussen dia's
• De time-out vóór initialisatie
• De overgang tussen de dia's
• De duur van de overgang uitgedrukt in microseconden
• Het beeldformaat
• De CSS-positie van de achtergrondafbeelding
• De achtergrondafbeelding herhalen als deze afbeelding niet groot genoeg is
• Activering van de optie " video Muette Hiermee kunt u het type animatie definiëren, de posities in een XY (ja, wat leer je als je wiskundige functies moet tekenen) en andere elementen.

Het tabblad voortgangsbalk

Alle opties in dit gedeelte zijn voor de voortgangsbalk, die u kunt inschakelen en aanpassen.

Het tabblad 1^er Schuif

In dit gedeelte kunt u een eerste alternatieve dia activeren. Hierdoor kan de ' schuif Om een ​​" glijbaan Van uw keuze eerst. Onthoud dat " dia's Zijn elementen die kunnen worden geïdentificeerd.

Het gedeelte "Layout & Visual"

Het tabblad "Uiterlijk"

In deze sectie kunt u het uiterlijk van de schuifregelaar configureren. U kunt met name definiëren om een ​​schaduw onder de schuifregelaar weer te geven (erg handig als u de standaardschuifregelaar kiest, met een aanzienlijke lage marge).

U kunt er ook voor kiezen om een ​​overlay weer te geven die is bedekt met transparante stippen (dit maakt je schuifregelaar erg origineel, maar als je informatie wilt weergeven die grondig moet worden gelezen, moet je zonder).

Dan heb je de achtergrond van de schuifregelaar, de interne marge en de afbeelding op de achtergrond (wat je hier moet weten, is dat een achtergrondafbeelding op dit niveau wordt weergegeven op al je dia's).

het tabblad "Spinner"

Op dit tabblad kunt u een animatie definiëren terwijl u de schuifregelaar laadt, meer niet.

het tabblad "Mobiel"

Met dit tabblad kunt u de weergave van de schuifregelaar op mobiel beheren. U moet weten dat mobiel verkeer belangrijk is en daarom moet u dit niet verwaarlozen. U hebt de mogelijkheid om de schuifregelaar te verbergen als de afmetingen van de mobiel (breedte) kleiner zijn dan een cijfer dat u hebt bepaald (in pixels).

het tabblad "Positie"

Hiermee kunt u de positie van de schuifregelaar ten opzichte van de pagina bepalen. Ik zal de neiging hebben om te zeggen, in relatie tot de locatie waar het zich bevindt. Deze optie hoeft niet te worden aangepast, omdat ik denk dat we allemaal willen dat de schuifregelaar gecentreerd is.

"Navigatie" sectie

In deze sectie kunt u de navigatieknoppen tussen de dia's op uw "slider" activeren. Je hebt 6 navigatie-opties:

• pijlen
• vlooien
• tabs
• thumbnails
• Het effect van touchdown op mobiele apparaten
• En het navigeren met de pijltjestoetsen

Met elke optie, indien ingeschakeld, kunt u de positie van de navigatie-elementen of hun werkingsprincipe configureren (standaardinstellingen zijn meestal voldoende).

"Carrouselinstellingen" sectie

Deze sectie wordt alleen weergegeven als u het type ' Carrousel Schuifregelaar », En stelt u in staat om de opties te configureren. Je zal in staat zijn:

• Schakel oneindig scrollen in
• Definieer een spatie tussen de dia's als u niet wilt dat de dia's elkaar raken
• Stel een afgeronde rand in pixels in
• Stel een hoge bovenmarge in (padding-top)
• Stel een lage bovenmarge in (padding-bottom)
• Het aantal elementen dat zichtbaar is door 'dia'
• « strech element", Hiermee kunt u het element uitrekken zodat het de volledige breedte van de" schuif »

Beveiliging is een belangrijk element in de uptime van uw website en een van de technieken die u zullen beschermen tegen ernstige aanvallen of bugs, is om regelmatig een back-up van uw blog te maken. Ontdek onze 5 WordPress Blog Backup plug-ins

"Parallax & 3D" sectie

Hier kunt u de optie "activeren" 3D Op je schuifregelaar.

"Probleem en afhandeling" sectie

In dit gedeelte kunt u de compatibiliteit met oude apparaten beheren. U kunt de schuifregelaar op ' IOS4 en Internet Explorer 8 .

Anders kunt u ervoor kiezen om een ​​alternatieve afbeelding weer te geven als de browser de schuifregelaar niet ondersteunt.

"Google Fonts" sectie

Met deze functie kunt u de Google Fonts-lettertypen die u hebt gedownload beheren en toepassen op de schuifregelaar.

Zodra u de parameters van uw schuifregelaar heeft gedefinieerd. Het enige dat u hoeft te doen, is op de opnameknop klikken.

Als de WordPress Slider Revolution-plug-in niet jouw favoriet is als het gaat om het maken van schuifregelaars op WordPress-websites, bieden we hier twee alternatieven die vergelijkbare functionaliteit kunnen bieden.

1. LayerSlider

LayerSlider is een premium WordPress multifunctionele animatie-plug-in. Het geeft je de mogelijkheid om diavoorstellingen en afbeeldingsgalerijen te maken met verbluffende effecten, prachtig geanimeerde bestemmingspagina's en paginablokken, of zelfs een volledige website.

Het is een van de alternatieven die Slider Revolution nauw kan concurreren. De visuele editor voor slepen en neerzetten maakt het voor iedereen heel intuïtief om het te gebruiken. Er zijn geen technische of codeervaardigheden vereist. De steeds groeiende selectie van importeerbare modellen is een ideaal startpunt voor nieuwe projecten en omvat alle gangbare use cases. Ze zijn met zorg gemaakt en kunnen eenvoudig worden aangepast om aan alle behoeften te voldoen.

Uitstekende ondersteuning en frequente updates zorgen ervoor dat u het meeste uit uw aankoop haalt.

Ga verder met deze krachtige WordPress-plug-in door dit artikel te lezen Laagschuifregelaar: een WordPress-plug-in om een ​​schuifregelaar te maken

Downloaden | demonstratie | web hosting

2. WP1 Slider

WP1 Slider is een veelzijdige WordPress-plug-in. Het is gemakkelijk te gebruiken en heeft alle handige functies die u nodig hebt om prachtige diavoorstellingen te maken. De meeste schuifregelaarplug-ins zijn te technisch en hebben veel tijd nodig om ze te configureren, maar WP1 schuifregelaar is ontworpen voor niet-programmeurs en biedt ongelooflijke opties.

Onder deze vindt u: dede effecten van Kenburn, 6 verschillende modellen van schuifregelaarovergangen, deondersteuning van shortcodes, een caanwijzing van dia's door slepen en neerzetten, de csnelle intimidatie en uitstekende SEO, deondersteuning voor delen op verschillende sociale netwerken, de iintegratie van YouTube- en Vimeo-video's, een e-lay-outvolledig responsief, de steun van WooCommerce en anderen.

Downloaden | demonstratie | web hosting

Andere aanbevolen bronnen

We nodigen u ook uit om de onderstaande bronnen te raadplegen om verder te gaan in de greep en controle van uw website en blog.

• 8 WordPress-plug-ins om diagrammen op een blog te maken
• 5 WordPress-plug-ins om uw artikelen te delen
• 6 WordPress-plug-ins om RGPD-conformiteit van een blog te garanderen
• 8 WordPress-plug-ins om een ​​vertaalsysteem aan een blog toe te voegen

Conclusie

Alstublieft ! Dat is alles voor deze presentatie over de configuratie van de WordPress-plug-in Slider Revolution. We zullen doorgaan in een toekomstige tutorial, waar we het ontwerp van dia's zullen bespreken.

U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.

Maar als u opmerkingen of suggesties heeft, zijn deze welkom in het opmerkingengedeelte. Deel vooral dit artikel op je verschillende sociale mediakanalen.