Layout aanmaken en beheren

Algemeen

Elke website bestaat uit één of meerdere pagina’s. Een pagina bestaat vaak uit een vast aantal onderdelen die op elke andere pagina van de website terugkomen. Dit noemen we de header en de footer van een website.

De header is de bovenkant van een website waarin bijvoorbeeld uw logo en een menu staan.

De footer is de onderkant van een website waarmee u de pagina's afsluit zodat het voor de bezoekers duidelijk is dat zij aan het einde van de pagina zijn gekomen.

De header en de footer willen we graag terug zien op alle pagina’s. Dit is mogelijk door een layout aan te maken. Elke pagina is gekoppeld aan één layout.

In een layout bepaalt u welke informatie er in de header en in de footer staat. Aan een layout wordt ook een standaard thema gekoppeld zodat alle pagina's met een layout dezelfde weergave (styling) krijgen.

Een website heeft minimaal één layout nodig. Zonder layout kunt u geen website maken in e-Captain. U kunt meerdere layout’s aanmaken. Daarmee kunt u een bepaald gedeelte van u website een ander uiterlijk geven.

Een layout aanmaken

• Om layouts aan te maken kiest u in het Website dashboard in het blok Vormgeving voor de optie Layouts. 

U ziet dan een overzicht van een of meerdere mappen waarin uw layouts staan.  In de map Algemeen vindt u uw eigen layouts. In de map Systeemlayouts vindt u door ons voorgedefinieerde layouts. U kunt in de map Systeemlayouts zelf geen layouts toevoegen.

• Klik op de map om de map te openen en u ziet een overzicht van de layouts. 

Kolom 1 - selectie vakjes	Selecteer hier een layout om bijvoorbeeld te kopiëren.
Kolom 2 - icoontje	Deze kolom toont het layout icoontje
Kolom 3 - kleur vlakjes	De kleuren geven de status van de layout aan. Groen = gepubliceerd. Oranje = Er zijn nog niet-gepubliceerde wijzigingen. Rood = niet gepubliceerd.
Kolom 4 - naam	Deze kolom toont de naam van de layout
	Klik op het bekijken-icoontje om een voorbeeld van de layout te bekijken.
	Klik op het bolletjes-icoontje om een layout als standaard layout in te stellen. Het groene bolletje geeft aan dat dat de standaard layout is.
	Klik op het bewerken-icoontje om een layout aan te passen.
	Klik op het verwijderen-icoontje om een layout te verwijderen. De standaard layout kunt u niet verwijderen.

• Klik op de knop Toevoegen om een nieuwe layout aan te maken.

• Klik op Verder om naar de layout te gaan.

U ziet nu een lege layout met één rij waarin de systeemwidget Pagina inhoud staat. Met de systeemwidget Pagina inhoud worden de pagina's en de layout samengevoegd tot de uiteindelijke webpagina die de bezoeker te zien krijgt. 

Alles wat u boven deze rij plaatst vormt uw header. Alles wat u onder deze rij plaats vormt uw footer.

Begin dus met het toevoegen van een rij boven de bestaande rij voor uw header en voeg een rij toe onder de bestaande rij voor uw footer. U kunt meerdere rijen toevoegen.

• Klik op de optie +Nieuwe rij om een nieuwe rij toe te voegen.

Een nieuwe rij wordt altijd onderaan toegevoegd. U kunt de rij dan verplaatsen naar de gewenste plaats in de layout.

Aan een rij (of kolom) kunt u widgets (inhoudselementen) toevoegen om inhoud aan een layout toe te voegen. Denk aan uw logo, teksten, afbeeldingen, een menu etc.).

• Klik op +Nieuwe widget om een nieuwe widget (inhoudselement) toe te voegen.

Voor het toevoegen van inhoud aan een layout heeft u een ruime keuze uit allerlei widgets, waaronder de widget Tekst om teksten toe te voegen.

• Selecteer in het widget overzicht de gewenste widget om toe te voegen.

Met behulp van rijen en widgets maakt u uw layout. U vindt een overzicht van alle beschikbare widgets op de pagina Widget overzicht.

Een widget verplaatsen

Als u meerdere widgets in een layout heeft geplaatst dan kunt u widget ook verplaatsen door de widgets met uw muis naar de juiste plaats te slepen.

• Klik met uw muis op de 6 puntjes om een widget naar een andere plek te slepen.

Resultaat:

Een rij verplaatsen

Als u met uw muis over een rij beweegt ziet u een aantal knoppen verschijnen.

• Door met uw muis op de 6 puntjes te gaan staan kunt u de rij naar de juiste plaats verslepen.

 Resultaat:

Een rij in kolommen verdelen

 U kunt een rij ook in meerdere kolommen indelen.

• Om kolommen toe te voegen (of te verwijderen) klikt u op het + of - icoontje.

De rij wordt dan in gelijke kolommen verdeeld. U kunt de breedte van de kolommen aanpassen door de scheidingslijn van een kolom met uw muis naar link of rechts te verplaatsen.

Resultaat:

Een thema aan een rij of kolom koppelen

Als u voor bepaalde onderdelen wilt afwijken van uw standaard thema dan kunt u dit doen door aan een rij of kolom een ander thema te koppelen. U kunt dit instellen in de eigenschappen van de rij.

• Klik op het bewerken icoontje om een thema aan de rij of kolommen te koppelen.

• In het bewerken venster kunt u een thema koppelen aan een hele rij of aan een of meerdere kolommen.

Rij eigenschappen aanpassen

In de eigenschappen van een rij kunt u verschillende instellingen maken. Naast het koppelen van een thema aan een rij of kolom zijn er ook nog andere instellingen die u kunt maken.

• Klik op het bewerken icoontje om de eigenschappen aan te passen.

• Klik op Opslaan om de wijzigingen op te slaan.

Layout als standaard layout instellen

Als u met meerdere layouts werkt dan kunt u een van uw layouts als standaard layout instellen. De standaard layout wordt dan automatisch gebruikt als u een nieuwe pagina aanmaakt. U hoeft dan alleen een andere layout te selecteren als u wilt afwijken van de standaard layout.

• In het layout overzicht kunt u met een groen bolletje aangeven welke layout als standaard layout moet worden gebruikt.

Nog meer hulp nodig?