Voorbeelden van de lay-out Storefront

De kolomafmetingen worden bepaald door het stijlblad van het thema. Sommige thema's passen een vaste pixelbreedte toe op de paginalay-out, terwijl andere thema's percentages gebruiken om de pagina aan de breedte van het venster of apparaat te laten reageren.

De meeste bureaubladthema's hebben een vaste breedte voor de hoofdkolom en alle activiteiten vinden plaats binnen dit omsloten gebied. Afhankelijk van de schermresolutie, is er lege ruimte aan elke kant van de hoofdkolom.

Eén kolom

Het inhoudsgebied voor een lay-out met één kolom beslaat de volledige breedte van de hoofdkolom. Deze lay-out wordt vaak gebruikt voor een homepage met een grote banner of schuifregelaar, of voor pagina's die geen navigatie vereisen, zoals een aanmeldingspagina, welkomstpagina, video of advertentie op een volledige pagina.

Twee kolommen met linkerbalk

Het inhoudsgebied van deze lay-out wordt verdeeld in twee kolommen. De kolom met de hoofdinhoud zweeft naar rechts en de zijbalk zweeft naar links.

Twee kolommen met rechterbalk

Deze lay-out is een spiegelbeeld van de andere twee-kolomlay-out. Deze keer zweeft de zijbalk naar rechts en zweeft de hoofdinhoudkolom naar links.

Drie kolommen

Een lay-out met drie kolommen heeft een hoofdinhoudsgebied met twee zijkolommen. De linkerzijbalk en de kolom met de hoofdinhoud worden samengevoegd en als eenheid links zweven. De andere zijbalk zweeft naar rechts.