Voorbeeldpagina Divi bibliotheek

In de Divi bibliotheek staan verschillende items waarmee de nieuwe pagina’s opgebouwd kunnen worden.

Nieuwe pagina aanmaken

Klik op Pagina’s > Nieuwe pagina. Geef de pagina een nieuwe titel en kies voor ‘Gebruik de Divi opbouwfunctie’.

Kies voor ‘Layout kiezen’ en kies Landingspage 2020.

Deze tekstblokken zijn opgebouwd uit ‘Koptekst 2’ voor de koppen. niet handmatig bold maken want dat worden ze juist minder bold. Dit heeft te maken met de voorgedefinieerde fonts in het thema.

De <p> is dit lettertype en voor de intro kan je die bold maken.

Let op dat jullie – ook in de berichten – de kopjes altijd een H2, H3 meegeven en niet gewoon de platte tekst bold maken

Kinderdagverblijf SKDH Verzorger geeft kind de fles

Rijen toevoegen

Er zijn 3 standaard rijen in de bibliotheek geplaatst. Alle drie zijn opgebouwd uit twee kolommen:

  •  Deze rij met een beeld links en tekst rechts. Onder het beeld staat een Call to Action – die kan verwijderd worden
  • Zelfde rij, alleen dan tekst en beeld omgedraaid
  • Een rij zonder beeld, twee tekstkolommen naast elkaar

 

Secties toevoegen

Er zitten 3 aparte secties in de bibliotheek. Een sectie is eigenlijk een nieuw onderdeel. Elementen binnen een sectie blijven bij elkaar wanneer de schermgrootte verandert.

  • De 3 oranje buttons is een sectie
  • De video + twee blogs eronder
  • De lichtere footer

De footer en CTA oranje buttons zijn globale secties, te herkennen aan de groene kleur. Wanneer daar een aanpassing wordt gedaan, wordt deze doorgevoerd door alle pagina’s waar dit globale element op te vinden is.

Vaste afmetingen bepalen voor beeldmateriaal

Bij het plaatsen van beeld, let op het volgende:

  • Beeld in de header 2000 x 400 px
  • Beeld header op de home 1025 x 305
  • Contentbeeld: 800 x 533

Bewerken voor web in Photoshop of vergelijkbare online tool waarmee je kan bewerken voor internet en zo de bestandsgrootte kan aanpassen.

 

De media bibliotheek is gegroeid naar 2.4GB terwijl daar maar een fractie van nodig is. 

Bestandformaat: JPG
124 KB
800 x 671 px

Bestandformaat: PNG
981 KB
940 x 788 px