Veel website hebben mooie slideshows als binnenkomer. Een reeks plaatjes, die op een mooie manier in elkaar overvloeien. In dit artikel ga ik uitleggen hoe je zelf een slideshow kunt maken met de Widgetkit.
Als eerste moet je ervoor zorgen dat je een reeks afbeeldingen hebt die exact het zelfde formaat hebben. Vaak is breedbeeld een mooi formaat, dus hou een 16-9 verhouding aan. bijvoorbeeld 800x450 px. Maak deze afbeeldingen in een grafisch pakket, en upload ze via de JCE mediabrowser, in een daarvoor aangemaakte map.
Ook hier geldt, geen spaties in de mapnaam en bestandsnamen!
- Selecteer JCE bestandsbrowser
- Klik op dit icoon en maak een map aan, en klik op 'OK'
En uplaod de bestanden nu.
Zo. hier zijn we nu klaar. Ga naar 'componenten - widgetkit' en kies hier voor 'Gallery' en maak een nieuwe aan.
- Kies de zojuist aangemaakte map
- klik op 'add to photo gallery'
- De foto's verschijnen links in het venster.
Geef een naam aan het fotoboek
Geef waar je wilt tekst op en een link, per plaatje - Pas de eigenschappen van de gallery aan. Hier kun je tal van dingen aanpassen, zoals een aangepast formaat, een overgang, hoe lang de sliders moeten lopen, en ga zo maar door.
Ben je klaar, druk dan op 'Save' gevolgd door 'Annuleren' Je komt nu weer terug in het overzicht van de slideshows, en de jouwe is nu aangemaakt.
Naast je slideshow zie je een 'SHORTCODE' staan. Die code kun je knippen en plakken op de plek waar jij wilt dat de slideshow getoond wordt.
Ik wil dat hij hier getoond gaat worden en plak mijn code dus gewoon in de tekst:
[widgetkit id=2]
En zie hier, in het bewerk venster zie ik dit staan: terwijl jij op de site nu hierboven de slideshow zult zien.
De slideshow is nu gemaakt, hij is responsive, dus de afbeeldingen passen zich aan als het scherm kleiner vergt, en je kunt deze shortcode ook gewoon hergebruiken, dus 1 slideshow op meerdere plekken terug laten komen.
(Widgetkit is geen standaard Joomla functionaliteit, maar een component dat wij extra installeren!)