Headerafbeelding plaatsen front-end

Een grote headerafbeelding plaatsen vanaf de voorkant

Als je een grote headerafbeelding wilt plaatsen die over de hele breedte van je scherm te zien is op alle verschillende apparaten én in alle browsers, dan kun je dat maar op één manier doen: via de voorkant van de site met de optie HERO.

Zorg van te voren dat je een afbeelding klaar hebt staan van 2500 x 800 pixels (BELANGRIJK, een verkeerde maat geeft een raar resultaat, de minimale maat is 1950 x 500 pixels, maar dan is de foto niet op alle browsers en schermen scherp)

  • Ga naar de pagina waar je een grote headerfoto wilt plaatsen en klik op live edit
  • Klik nu op het icoontje links bovenin de hoek met de 4 blokjes (afbeelding 1)
  • Pak het menu item Hero section op en versleep die naar onderaan de pagina. (afbeelding 2)
  • Onder alles wat al op je pagina staat verschijnt dan vanzelf een rode gestippelde rechthoek. Laat je hero section menu onderdeel los boven de lege rechthoek (niet boven een rechthoek waar al tekst in staat!)
  • Nu verschijnt een menu links op het scherm, klik op background (afbeelding 3)
  • Set background staat nu automatisch ingesteld op image, klik daaronder op select image
  • ga naar het tabblad bestanden uploaden (links boven in de pagina, keuze uit 2 tabbladen, bestanden uploaden en mediabibliotheek) en selecteer je nieuwe afbeelding.
  • De afbeelding wordt nu vanzelf op de juiste manier geplaatst en met de juiste instellingen.