Preview

Afbeelding per schermgrootte

Een responsive website bouwen, welke op verschillende schermgroottes er goed uitziet, is nog niet zo eenvoudig. Naast de technische uitdagingen welke Web Made Easy voor je afhandelt moet je ook zelf bij het plaatsen van content rekeninghouden met de verschillende schermgroottes. Met name bij afbeeldingen is dit belangrijk.

Verhoudingen

Een afbeelding welke over de gehele breedte van het scherm getoond wordt zal qua verhouding per schermgrootte enorm verschillen. Zo wordt een paginabrede afbeelding op een smartphone staand en dezelfde afbeelding op een desktop liggend getoond. Hoe zorg je ervoor dat dezelfde afbeelding in beide situatie perfect wordt getoond op het scherm? Dit is bijna onmogelijk en daarom kun je in Web Made Easy per schermgrootte een andere afbeelding plaatsen. Zo ziet jouw website er op ieder scherm goed uit. Hieronder volgt het stappenplan waarin wordt uitgelegd hoe je per schermgrootte een andere afbeelding plaatst. 

Stappenplan

  1. Open de pagina in Web Made Easy welke je wil gaan voorzien van afbeeldingen
  2. Sleep bijvoorbeeld een hero blok bovenaan op de pagina
  3. Klik op de afbeelding
  4. In de functiebalk rechts verschijnt het kopje achtergrond media/instellingen
  5. Klik bij afbeelding op het uitklapmenu de schermgrootte selector 
  6. Deze klapt open en toont de verschillende schermgroottes 
  7. Selecteer de schermgrootte waarvoor je een afwijkende afbeelding wenst in te voeren
  8. Klik nu op het bladericoon achter de afbeeldingnaam welke onder de schermgrootte selector staat
  9. Kies de gewenste afbeelding
  10. Klik op invoegen
  11. Voor de geselecteerde schermgrootte is nu de nieuwe afbeelding ingesteld

Bekijk ook onze andere artikelen

Was dit artikel behulpzaam? Of mis je iets?

Pagina's toevoegen

Voeg eenvoudig nieuwe pagina's toe. Of doe dit door een kopie van een bestaande pagina te maken.

Pagina opbouwen

Bouw je pagina op met de blokken die je zelf kiest.

Blokken vormgeven

Geef de blokken zelf de gewenste vormgeving.

Globale blokken

Bepaalde blokken moeten op iedere pagina van de website gelijk zijn. 

Favoriete blokken

Een blok dat in de favorieten categorie komt te staan en van daaruit eenvoudig op iedere pagina kan worden geplaatst.

Elementen verbergen

Teksten, titels, buttons en afbeeldingen verbergen kan voor alle schermgroottes tegelijk of voor specifieke schermgroottes.

Elementen zichtbaar maken

Wanneer elementen binnen een blok verborgen zijn dan kun je deze weer zichtbaar maken.

Linkjes maken

In Web Made Easy kun je naar heel veel verschillende zaken links leggen