Hoe upload ik een foto in een widget?

Foto’s spelen een belangrijke rol op jouw website, het is de eerste indruk van jouw bedrijf, stichting of organisatie. Je kunt foto’s (zoals in het oude CMS) via de WYSIWYG-editor uploaden. In het nieuwe CMS maken we voornamelijk gebruik van widgets. Je kunt een foto bijvoorbeeld in de header toevoegen, maar ook een tekst met afbeelding-widget, fotoserie, startblokken etc.

Afbeelding uploaden

Wanneer je de pagina bewerkt, kies onder het tabje ‘inhoud’ voor de widget die je wilt gebruiken. We nemen als voorbeeld de ‘tekst met afbeelding widget’. Hier zie je een veld staan voor de afbeelding. Boven het uploadveld staat het geadviseerde formaat van de foto en hoe zwaar het bestand maximaal mag zijn. Een afbeelding mag een grotere verhouding hebben, maar maximaal 4000 x 4000 pixels groot. Als er nog geen foto is geüpload, zie je een grijs vlak met daarnaast een vlak met een gebroken lijn.


Je kunt de afbeelding die je wilt gebruiken direct slepen naar het vlak met de gebroken lijn. Je kunt ook op het knopje ‘of klik om te zoeken' klikken om een afbeelding te uploaden. 

Tip: Gebruik duidelijke bestandsnamen zonder hoofdletters of spaties. Vervang spaties door een _ of -. Dit verbetert de vindbaarheid van je afbeeldingen en ziet er netjes uit, bijvoorbeeld: websteen-handleiding_foto-toevoegen-aan-mijn-pagina.jpg.

Wanneer je een foto geüpload hebt, komt deze in het grijze blokje te staan. Onder de foto staan 3 icoontjes: 

•  Met het pijltje met lijn kun je de afbeelding opnieuw downloaden
•  Met het vierkantje met de schuine lijn kun je de afbeelding herschalen of draaien
•  Met het prullenbakje kun je de foto verwijderen

Afbeeldingsverhoudingen aanpassen

Klik op het icoontje met het schuine blokje om een foto te bewerken:

• Er verschijnt een grid over de foto; sleep de hoekpunten om de uitsnede aan te passen.

• Gebruik de pijltjes links onder om de afbeelding te draaien.

• Gebruik de draaiende pijltjes om de wijzigingen ongedaan te maken

• Sla je aanpassingen op met het vinkje.
  Grotere afbeeldingen kunnen wat langer duren om op te slaan.

• Als je geen wijzigingen wilt maken, klik dan op het kruisje te annuleren.