u hebt het Customizr thema geà nstalleerd en u wilt graag een carrousel ( ook slider genoemd ) op uw voorpagina of in een pagina van uw site zoals op de demo, hier of hier.
op home : het verwijderen van de standaard slider
standaard op home het Customizr thema toont een slider gegenereerd uit uw laatste berichten, met behulp van de post aanbevolen afbeelding, indien ingesteld, als achtergrondafbeelding, de post titel als dia titel, de post uittreksel als beschrijving, en de post URL als link voor de oproep tot actie knop.
laten we eens kijken hoe deze standaard slider te verwijderen dan:
- vanaf uw WordPress-dashboard, navigeer door uiterlijk – > aanpassen
- Open de Inhoudsectie voor de voorpagina (als u deze sectie niet ziet in de customizer, betekent dit dat u momenteel geen voorbeeld van uw startpagina bekijkt )
- Scroll naar beneden om de schuifregelaar te bereiken opties instellen
- uit de dropdown lijst tegen select front page slider select No slider:
- Sla op en publiceer
Open de mediabibliotheek
Open een medium en stel de opties van de dia in
- als uw mediabibliotheek wordt weergegeven als een lijst (zie de schermafbeelding hieronder), klik dan op de miniatuur van de afbeelding die u aan de slider wilt toevoegen:
- als uw mediabibliotheek wordt weergegeven als een raster (zie de eerste screenshot hieronder), klik dan op de miniatuur van de afbeelding die u wilt toevoegen aan een slider en vervolgens op de link Meer details bewerken (zie de tweede screenshot hieronder):
Scroll naar beneden en vind de schuifregelaar opties doos (zie de screenshot hieronder):
de afbeelding toevoegen aan een slider
de afbeelding toevoegen aan een slider door te klikken op de iPhone-like-knop zoals getoond in de screenshot hieronder:
een nieuwe set velden om uw slide in te stellen zal verschijnen.
instellingen en inhoud van de oproep tot actie
Hier kunt u de opties instellen zoals overgangssnelheid (vertraging tussen dia ‘ s ), en de optionele inhoud van de oproep tot acties : titel, beschrijving, kleur (van titel en beschrijving), tekst op de knop, link, enz…
laat deze instellingen leeg als u alleen een afbeelding wilt weergeven.
opmerking: de achtergrondkleur van de aanroep-tot-actie-knop is de primaire kleur van het thema.
de slider
een naam geven als u nog geen slider hebt aangemaakt, ziet u het volgende bericht : “U hebt nog geen slider aangemaakt. Schrijf een slider naam en klik op de knop om je eerste slider toe te voegen.”
typ gewoon een naam en klik op de knop voeg een slider toe:
eenmaal op de knop geklikt, wordt uw schuifknop aangemaakt en ziet u dat uw afbeelding erin is toegevoegd:
volgorde van de dia ‘s
volgorde van de dia’ s wordt handmatig uitgevoerd door de dia ‘ s te slepen en neer te zetten, zie onderstaande schermafbeelding :
een dia
verwijderen Als u een dia wilt verwijderen :
- klik op “Edit the slide”
- in de slider opties, stel “Add to a slider” in op Nee
het weergeven van een slider op de voorpagina
ga nu terug naar de Customizer ( van uw WordPress dashboard, navigeer door uiterlijk -> aanpassen)
Open de inhoud van de voorpagina sectie en klik op de schuifregelaar vervolgkeuzelijst. U zou uw vers gemaakte slider nu in de lijst moeten zien.
selecteer het gewoon, opslaan en je bent klaar.
bovendien:
- kies de schuifregelaar opties: volledige breedte of boxed, vertraging tussen dia ‘ s en het al dan niet toepassen van een donkere overlay op de afbeeldingen van de schuifregelaar. Opmerking: de optie een donkere overlay toepassen op de afbeeldingen van uw slider is alleen beschikbaar voor de moderne stijl.
- kies de schuifregelaarhoogte, kies of u op alle schuifregelaars wilt toepassen en of u de standaard afbeeldingshoogte wilt vervangen.
een slider weergeven op een bericht of een pagina
Open een pagina of een bericht en ga naar de onderkant van het scherm. Daar vindt u een Metabox genaamd Slider opties.
klik op de iPhone-achtige knop hieronder voeg een slider toe aan deze post/pagina en selecteer uw gewenste slider in de dropdown lijst.
Update de recente wijzigingen op de post / pagina door te klikken op de WordPress Update button
een slider
verwijderen in de rechterbovenhoek van de lijst met dia ‘ s, vindt u een klikbare link genaamd Delete this slider (zie hieronder). Klik er gewoon op en bevestig de actie in het pop-in-venster.
verwijderen