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 1er 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.
Hallo,
Ik zou graag willen weten waarom het lettertype dat ik op mijn slider heb gezet goed wordt weergegeven als ik het bekijk, als ik het op mijn site zet is het niet meer hetzelfde?
Hallo Steffy,
Wis uw browsercache of blader door uw website in de privémodus. Dit zou je probleem moeten oplossen
Hallo, ik heb 2 verschillende modellen gemaakt. Ik wil nu overschakelen van mijn huidige online cursor. Ik kan dit niet echt doen. Kan iemand het magische advies geven? Dank u bij voorbaat!
Ik heb een slider4 gemaakt en 3 diaspositive in deze slider geplaatst. Maar op mijn homepage toont Slider Revolution slechts één dia en niet de rest. Het geeft alleen de eerste dia weer. Als ik bijvoorbeeld de laatste dia naar de eerste plaats breng, geeft slider revolutie deze als laatste weer en verlaat ik de andere
Bonsoir,
Kun je een screenshot van je instellingen delen? Of exporteer uw dia en herstel de instellingen van de revolutieschuifregelaar.
Hallo,
Ik zou graag een dynamische slider willen maken, heb je bestanden over het realiseren van een slider met de effecten op de muis erover.
dank u
Hallo,
Nee helaas.
Hallo, ik heb de sjabloon van een slider gedownload, ik heb de teksten en afbeeldingen kunnen aanpassen, ik zit op slider revolution premium, maar we kunnen de tekst "a Slider Revolution ..." + de links naar hun sociale netwerken zien op de dia pff. En ik kan deze tekst niet vinden of verwijderen. dank u bij voorbaat
Goede avond Alicia,
Heeft u geprobeerd een nieuwe schuifregelaar te maken in plaats van een sjabloon te gebruiken?
hallo ik heb een klein probleempje als ik een schuifregelaar maak en ik wil deze op mobiel wijzigen. de teksten die ik al aan de schuifregelaar heb toegevoegd, verschijnen niet in de mobiele schuifregelaar waarom (bij het wijzigen) ???
Hallo,
Kunt u uw verzoek herformuleren?
Hallo,
Ik heb een probleem met Revolution Slider. Ik kan geen oplossing vinden zodat mijn foto's niet verticaal worden bijgesneden.
Moet hij een selectievakje hebben?
Bedankt voor je terugkeer
Norbert
Goedenavond,
Het is noodzakelijk om de afmetingen van de afbeeldingen te optimaliseren.
Hallo, mijn slider-revolutie is rond de randen geknipt vanwege mijn WordPress-thema.
Wat te doen?
dank u
Hallo,
Probeer alle plug-ins uit te schakelen en als het probleem aanhoudt vanwege het thema, wijzig dit dan of neem contact op met de verkoper.
Hallo,
bij slider revolutie Ik zou graag zien dat mijn dia alleen start wanneer de muis of scroll deze activeert. Is het mogelijk?
Welke parameter in de schuifregelaar activeert?
Heel erg bedankt.
kunnen we beide doen, d.w.z. een schuifregelaar starten met muis / scroll en ook een initialisatievertraging plaatsen die ik in algemene parameters zag om alle mogelijke gevallen tegelijkertijd af te handelen en zeker te zijn de sitebezoeker ziet deze schuifregelaar
merci beaucoup
Hallo Het is mogelijk, maar we hebben momenteel geen tutorials om u te laten zien.
Dank u.
En in een paar woorden omdat ik nu bekend ben met sliderrevolution.
Dat zou me helpen
hello,
bij slider revolutie Ik zou graag zien dat mijn dia alleen start wanneer de muis of scroll deze activeert. Is het mogelijk?
Welke parameter in de schuifregelaar activeert?
Heel erg bedankt.
Kunnen we beide doen, d.w.z. een schuifregelaar starten met muis / scrollen en ook een initialisatievertraging plaatsen die ik in algemene parameters zag om alle mogelijke gevallen tegelijkertijd af te handelen en zeker te zijn dat de sitebezoeker deze schuifregelaar ziet
Hallo, goedenavond, ik twijfel.
Ik heb verschillende afbeeldingen in de Slider-revolutie en ik wil ze verbergen in de mobiele versie minus de eerste. Ik zag dat dezelfde plug-in de mogelijkheid heeft om de gewenste afbeeldingen op verschillende apparaten te verbergen, maar het probleem is dat het alleen de afbeelding verbergt omdat het steeds detecteert dat er meerdere elementen zijn omdat de balk de tijd blijft laden en laat het scherm leeg als de eerste springt. Hoe kan ik de afbeeldingen echt verbergen?
Heel hartelijk bedankt
Hallo,
Heb je geprobeerd contact op te nemen met de ondersteuning voor de slider-plugin Revolution? Je zult snel een oplossing vinden.
Hallo, ik wilde u vragen hoe u de cursor onder de horizontale menubalk van de navigatiebalk plaatst, aangezien dit gebeurt op de Apple.com-site waar het bovenstaande menu en net onder de cursor zich bevindt (het menu lijkt transparant
dank u
Andrea
Hallo, kunt u een screenshot als voorbeeld delen? Ik begrijp uw probleem niet helemaal.
Hallo,
Ik wil een schuifregelaar maken die 2 of 3 afbeeldingen bevat waarop aanhalingstekens zijn geschreven. Mijn probleem is dat wanneer ik schrijf, het citaat te lang is en uit de foto steekt, zodat het niet volledig wordt weergegeven. Toch is er door het hele beeld ruimte. Hoe doe je?
Voor elke dia is een titel vereist. Standaard plaats ik "quote 1" enzovoort. Maar de titels worden weergegeven op de dia's ... Zo wordt "Citaat 1" weergegeven in de kleine rechterkant van mijn eerste dia. Hoe kan ik voorkomen dat de titels verschijnen?
Bij voorbaat dank voor je antwoorden, je zou studenten helpen voor een begeleid project!
Hallo,
Probeer de lettergrootte te verkleinen. Zorg er ook voor dat u voor elke sms de mobiele optie heeft ingeschakeld.
Hallo,
Ik kom een klein probleempje tegen met deze slider en ondanks veel onderzoek heb ik de oplossing niet gevonden. Misschien kun je me redden? 😉
Ik heb de schuifregelaar op mijn startpagina geconfigureerd, het is onberispelijk, het is erg goed BEHALVE dat wanneer de muis erop is geplaatst, het onmogelijk is om te scrollen. Ik moet de muis uit de dia halen om naar beneden te kunnen scrollen (naar boven werkt het blijkbaar). Dit stoort me een beetje omdat ik bang ben dat sommige mensen niet begrijpen dat je daarvoor de muis uit de dia moet halen .. (www.sarah-scaniglia.com). Ik heb alle instellingen doorzocht, maar ik kon het niet vinden ... en ik ben geen webexpert.
Als je de oplossing vindt, ben je geweldig
Hallo,
heb je dit geprobeerd?
1. Schakel andere plug-ins uit behalve Revolution Slider en test opnieuw.
2. Activeer het standaard WordPress-thema en test
Dit laat je weten of het probleem met het thema te maken heeft of een conflict met een andere plug-in.
Controleer ook of je de nieuwste versie van de plug-in hebt.
Bedankt, ik zal dit volgende week proberen en je vertellen of het werkt.
OK perfect
Hallo,
Kun je me uitleggen hoe je een "Slider" maakt met slechts één dia erin, want als ik het probeer, verdwijnt alles aan het einde van de animatie. Ik heb "geen transmissie" in "dia-animatie" gezet, maar niets helpt ...
Bij voorbaat dank voor uw hulp.
Bonsoir,
Het is moeilijk uit te leggen in het commentaargedeelte. Bekijk video's op Youtube.