We gaan vandaag verder met onze gids over Revolution Slider, maar deze keer zullen we het hebben over de diavoorstelling in een WordPress-pagina / -artikel, maar we zullen ook enkele geavanceerde configuraties op uw slider uitvoeren. Ik hoop dat je vanaf het begin van deze gidsen thuis oefent (het is een aanzienlijk voordeel om altijd te oefenen). Als je een probleem tegenkomt, herinner ik je eraan dat je me vragen kunt stellen, ik zal ze graag beantwoorden.

Voor degenen die beginnen met het lezen van deze tutorial, nodig ik je uit om het begin van deze tutorials over Revolution Slider niet te missen:

• Hoe kan ik de Revolution Slider installeren
• Hoe u de interface van Revolution Slider begrijpt
• Hoe u een schuifregelaar instelt
• Hoe maak je een diavoorstelling op Revolution Slider

Als je deze stappen hebt doorlopen, kun je doorgaan, anders zul je het moeilijk vinden me te volgen.

Wat u moet weten over Slideshow

Revolution Slider is een plug-in die niet afhankelijk is van een thema. In principe kunnen diavoorstellingen van dit laatste op elk type thema worden weergegeven, maar dit is niet altijd waar. Elk thema heeft inderdaad CSS-stijlregels die een obstakel kunnen vormen voor de juiste weergave van schuifregelaars. Soms wanneer u een schuifregelaar kiest, wordt een lay-out " volle breedte Het zal overlopen en zal niet worden weergegeven zoals zou moeten.

In plaats van te zoeken naar een gratis thema dat uiteindelijk compatibel zal zijn met Revolution Slider, raad ik aan een premium-thema te kiezen dat al compatibel is met Revolutio Slider, en een van de thema's die ik als eerste zie is " Totaal Van WPExplorer.

Een van de voorbeelden die het feit rechtvaardigt dat u een premium-thema moet nemen, is bijvoorbeeld de weergave van een schuifregelaar met een thema van Twenty Fourteen.

U kunt zien dat op deze afbeelding het gebied in rood de huidige ruimte van het thema vertegenwoordigt. Het blauwe gebied vertegenwoordigt de overloop van de schuifregelaar op het thema. Het kan zijn dat de weergave niet optimaal is. Je vindt er verschillende WordPress-thema's compatibel met Revolution Slider aan ThemeForest

Dat gezegd hebbende, laten we eens kijken hoe we een schuifregelaar op een artikel / pagina kunnen weergeven

Hoe een schuifregelaar op een artikel weergeven

Revolution Slider biedt u de mogelijkheid om sliders op twee manieren aan uw pagina's / artikelen toe te voegen.

Met de shortcode

U gaat naar de configuratiepagina en haalt de shortcode op. In de sectie Schuifregelaar Titel en shortcode U zult 3-velden opmerken. De 3^e veld dat een shortcode bevat die zo begint: "[rev_slider..." is degene die je nodig hebt om het inhoud.

Het enige dat u nu hoeft te doen, is de shortcode toevoegen aan een artikel of pagina naar keuze.

Gebruik de schuifknop toevoegen in de visuele editor

Als u niet elke keer terug wilt naar de configuratiepagina van de schuifregelaar, kunt u de knop toegevoegd door de schuifregelaar voor revolutie gebruiken in de visuele editor.

Als u hierop klikt, wordt een nieuw venster geopend waarin u de schuifregelaar kunt kiezen die u aan uw pagina wilt toevoegen.

Door een schuifregelaar te selecteren, kunt u speciaal de volgorde van dia's wijzigen. Deze wijziging is alleen effectief met de aangepaste shortcode die wordt gegenereerd. Klik op 'om de volgorde van dia's te wijzigen Snel wijzigen schuifregelaar ". U krijgt toegang tot de lijst met dia's, die u kunt reorganiseren door " Slepen en neerzetten .

Als u klaar bent, ziet u een shortcode toegevoegd aan de visuele editor.

Het enige dat u nu hoeft te doen, is een voorbeeld van uw artikel bekijken. Dat is alles, nu heb je de basis om een ​​schuifregelaar op WordPress te maken.

Enkele tips voor geavanceerd gebruik van Revolution Slider

Nu je weet hoe je Revolution Slider moet gebruiken, zal ik je wat geven Trucs wat u zal helpen om productiever te zijn in het gebruik van deze plug-in.

Gebruik sneltoetsen

Revolution Slider wil een complete editor voor diavoorstellingen zijn. Als gevolg hiervan kunt u een aantal sneltoetsen gebruiken waarmee u sneller kunt werken.

• CTRL + S : om je werk te redden
• Directionele pijlen : om een ​​item op uw podium te verplaatsen
• Shift + richtingspijlen : hiermee kunt u items sneller verplaatsen
• Shift + Formaat wijzigen : voer proportionele schaling uit
• Dubbelklik : open de wijziging van een element

Beheers de tools van de dia-editor

De dia biedt hulpmiddelen waarmee u uw elementen eenvoudig kunt verplaatsen. We hebben al gesproken over een raster, maar u kunt ook de uitlijnknop gebruiken die wordt voorgesteld door Revolution Slider.

Met deze uitlijningsknoppen kunt u het element voor de eerste regel van links naar rechts, aan het linkeruiteinde van het werkgebied, in het midden van het werkgebied en uiterst rechts van het werkgebied plaatsen. Voor de tweede regel, aan het hoge einde van het podium, in het midden van het podium en aan het basisuiteinde van het podium. Door deze knoppen op de juiste manier te gebruiken, kunt u elementen gemakkelijk centreren met twee klikken.

Gebruik de navigatietool tussen elementen van een scène

Om eenvoudig items te vinden die beschikbaar zijn in een scène, kunt u de " tijdlijn Of de elementaire ontdekkingsreiziger van een scène. De laatste staat helemaal bovenaan de toneeleditor.

Door op de verkennerlijst te klikken, kunt u verschillende bewerkingen op de items uitvoeren, waaronder:

• Bewerk een element: potloodpictogram
• Formaat van de verhoudingen van het element wijzigen: pictogram met richtingspijlen
• Item verwijderen: prullenbakpictogram
• Dubbel element: pictogram voor dubbele pagina
• Een item verbergen: oogpictogram
• Een item vergrendelen: hangslotpictogram

Als u een beetje aandacht besteedt aan ditzelfde gebied, ziet u de schuifknoppen voor de uitbreidbaarheidstest, zodat u een voorbeeld van de weergave van uw schuifregelaar op mobiele apparaten kunt bekijken.

Dat is alles voor deze tutorial. Je bent nu gewapend om een ​​geweldige schuifregelaar te maken. Als u vragen heeft, aarzel dan niet om ze te stellen.