Presenteer je team of verschillende projecten met sets van afbeeldingen, tekst en knoppen in een aanpasbare lay-out.

Gebruik automatische lay-outs om content in kolommen en rijen, carrousels of diavoorstellingen te presenteren. Wanneer je nieuwe content toevoegt aan een automatische lay-out, wordt deze automatisch herschikt op basis van je gekozen instellingen. Dit maakt automatische lay-outs ideaal voor content die je regelmatig bijwerkt, zoals afbeeldingen van uitgelichte producten, recente projecten, huidige teamleden, testimonials of eerdere klanten.

Deze gids gaat over de automatische lay-outs die tekst en afbeeldingen combineren. Gebruik een galeriegedeelte voor een vergelijkbare lay-out die voornamelijk afbeeldingen toont. Gebruik een blokgedeelte om handmatig soortgelijke lay-outs te maken.

Deze gids is voor versie 7.1. Maak kolommen en rijen met blokken voor een soortgelijk effect in versie 7.0.

Een video bekijken

Voeg een gedeelte voor automatische lay-out toe

Voeg als volgt een gedeelte voor automatische lay-outs toe dat tekst en afbeeldingen bevat:

1. Klik op bewerken op de pagina en vervolgens op gedeelte toevoegen.
2. Klik op team, getuigenissen of agenda.
3. Zoek naar lay-outs met een i-pictogram in de rechterbovenhoek en klik op de gewenste lay-out.

Houd rekening met het volgende:

• Volg onze stappen voor het toevoegen van galeriegedeelten om een automatische lay-out toe te voegen die afbeeldingen laat zien.
• Als je op een gedeelte zonder i-pictogram in de rechterbovenhoek klikt, voeg je een blokgedeelte toe en zijn de rest van de stappen in deze gids niet van toepassing. Blokgedeelten kunnen vergelijkbare lay-outs hebben, maar ze moeten handmatig worden geordend.
• Zelfs als de categorie niet overeenkomt met wat je voor je site wilt, vervang je alle democontent voor je eigen content.

Bepalen welke elementen worden weergegeven

Kies als volgt hoe je gedeelte en items worden weergegeven:

1. Zweef over het gedeelte en klik op contents bewerken.
2. Zet in het tabblad elementen per optie de schakelaars aan of uit.

Gebruik voor dit gedeelte de volgende schakelaars:

• Titel - toont een teksttitel bovenaan het gedeelte
• Knop - toont een knoplink onderaan het gedeelte

Gebruik deze schakelaars om de weergave van items te wijzigen:

• Afbeelding tonen - toont een afbeelding bij elk item
• Titel tonen - toont de titeltekst bij elk item
• Hoofdtekst tonen - toont de hoofdtekst bij elk item
• Knop tonen - toont een knoplink bij elk item

Houd rekening met het volgende:

• Deze opties gelden voor alle items in dat gedeelte. Het is niet mogelijk om voor individuele items binnen een gedeelte verschillende instellingen te hebben.
• Door een optie uit te schakelen, verberg je de overeenkomstige optie in het tabblad content. Als je bijvoorbeeld de optie titel weergeven uitschakelt, verschijnt het veld titel niet in de itemeditor.

Items toevoegen of bewerken

Elke automatische lay-out bevat demo-items. Je kunt de inhoud van deze items vervangen voor je eigen content, of ze verwijderen en nieuwe items toevoegen om helemaal opnieuw te beginnen.

Ga als volgt te werk om items toe te voegen of te bewerken:

1. Zweef over het gedeelte, klik op content bewerken en vervolgens op content.
2. Klik in de lijst met items op een item om de betreffende content te bewerken of klik op toevoegen om een nieuw item toe te voegen.
3. Klik en sleep het ::-pictogram rechts van de itemtitel om een item te herschikken.
4. Klik op het prullenbak-pictogram rechts van het item om een item te verwijderen.

Elk item kan een afbeelding, een titel, een beschrijving en een knop bevatten. Als een van deze opties niet verschijnt wanneer je op het item klikt, zorg er dan voor dat ze zijn ingeschakeld in het tabblad elementen.

Als je een item geen titel geeft, wordt er in de editor een standaardtitel weergegeven op basis van de volgorde in de automatische lay-outs, zoals "Item 1" of "Item 2". Standaardtitels zijn niet zichtbaar voor je bezoekers. Klik op het item en voer een titel in het veld titel in om het item een titel te geven.

Tip: Je voegt alle items en hun elementen handmatig toe aan een automatische lay-out. Als je collectie-items uit een bestaande collectie op je site wilt weergeven, gebruik dan samenvattingsblokken.

Titel en knop van het gedeelte bewerken

In het tabblad content kun je ook de titel en knop voor het gedeelte als geheel bewerken. De titel wordt bovenaan het gedeelte weergegeven en de knop staat onderaan. Ga als volgt te werk om deze toe te voegen en te bewerken: 

1. Zorg ervoor dat in het tabblad element de schakelaars titel en knop zijn ingeschakeld.
2. Klik op het tabblad content op titel om tekst toe te voegen en de uitlijning te wijzigen.
3. Klik op de knop om de knoptekst te bewerken, een link in te stellen en de grootte en uitlijning van de knop te wijzigen.

Om een van deze elementen te verbergen, schakel je het element uit op het tabblad elementen.

Ontwerp automatische lay-outs wijzigen

Wijzig als volgt de lay-out van het gedeelte:

1. Zweef over het gedeelte, klik op content bewerken en vervolgens op ontwerp.
2. Klik op het uitklapmenu bovenaan om de lay-out te wijzigen.

Je kunt kiezen uit drie lay-outs:

• Eenvoudige lijst - Geeft items en hun elementen weer in een rij van links naar rechts. Afhankelijk van je instellingen en het aantal items kan de lay-out meer rijen onder de eerste aanmaken.
• Banner-diavoorstelling - Toont één item tegelijk met elementen die over de afbeelding liggen, die als achtergrond voor het gedeelte fungeert. Bezoekers klikken op bedieningselementen om door de items te scrollen.
• Carrousel - Geeft items en hun elementen weer in een rij van links naar rechts in een roterende carrousel. Bezoekers klikken op bedieningselementen om door meer items te scrollen.

Elke lay-out heeft zijn eigen ontwerpinstellingen voor meer personalisatie. Bij eenvoudige lijst- en carrousellay-outs kun je de afbeeldingen bijvoorbeeld als cirkels bijsnijden. Klik op stijl voor meer instellingen, zoals tekstgrootte wijzigen of kaartachtergrond voor elk item toevoegen. Klik op grootte en ruimte voor instellingen voor opvulling en witruimte, zoals het instellen van de contentbreedte, het aanpassen van de ruimte tussen elementen of de plaatsing van afbeeldingen. Je opties op de tabbladen stijl en grootte en ruimte zijn afhankelijk van de lay-out.

Als je van lay-out verandert, slaat het gedeelte je instellingen op de eerder geselecteerde lay-out op, zodat je er altijd naar terug kunt keren.

Let op: Het is niet mogelijk om van deze opties over te schakelen naar een galerielay-out. Maak in plaats daarvan een galeriegedeelte aan.

Tekstgrootte

Nadat je de lay-out van je lijstgedeelte hebt geselecteerd, scrol je omlaag op het tabblad ontwerp en klik je op stijl om een lettertypegrootte te kiezen. Je kunt kiezen uit vooringestelde groottes die de titel en beschrijving allemaal tegelijk veranderen, of klik op … om aangepaste groottes in te stellen voor afzonderlijke itemtitels en -beschrijvingen. Afhankelijk van je lay-out en de huidige instellingen kunnen er andere opties verschijnen.

Hoogte gedeelte

De hoogte van het gedeelte automatische lay-outs wordt bepaald door het item met de meeste tekst. Dit betekent dat het gedeelte mogelijk extra opvulling heeft boven of onder items met minder tekst in diavoorstellingsbanners en carrousellay-outs. Bij een eenvoudige lay-out kan hetzelfde gebeuren met de rijhoogte.

We raden aan om in elk item een vergelijkbare hoeveelheid tekst te bewaren, zodat je de meeste controle hebt over de hoogte en opvulling van het gedeelte.

Gedeeltescheider

Schakel een sectiescheider in om een visuele indicator toe te voegen tussen de onderkant van de automatische lay-out en het volgende gedeelte:

1. Zweef over de automatische lay-out en klik op gedeelte bewerken.
2. Zet onder grootte de scheider aan.
3. Stel de instellingen voor de scheider in, zoals vorm, lijn, kleur en dikte.

Zie Paginagedeelten voor meer informatie over gedeeltescheiders.

Automatische lay-outs op mobiel

Bepaalde ontwerpopties kunnen verschillen op computer en mobiel. Banner-diavoorstellingen en carrousellay-outs kunnen bijvoorbeeld navigatiepijlen weergeven zodat bezoekers door de items kunnen klikken. Als je de navigatiepijlen uitschakelt, klikken en slepen bezoekers op een computer om door items te scrollen. De pijlen worden echter op mobiele apparaten altijd weergegeven om ervoor te zorgen dat alle items zichtbaar zijn voor bezoekers.

Kleuren van automatische lay-outs wijzigen

Open sitestijlen en klik op kleuren om de kleuren van het gedeelte met automatische lay-out te wijzigen. Selecteer het kleurenthema van het gedeelte en gebruik vervolgens de aanpassingen onder het relevante type lijstgedeelte: simpel, carrousel of banner.

Lettertype en de knoppen van de automatische lay-out aanpassen

Automatische lay-outs volgen de algemene instellingen voor lettertypen en knopstijlen in sitestijlen.

Lettertype

Automatische lay-outtekst volgt de algemene lettertype-instellingen van je site in het lettertypenpaneel van sitestijlen. Itemtitels volgen koppen en de hoofdtekst van het item volgt alinea's. Als je een gedeeltetitel gebruikt voor je automatische lay-out, kun je die onafhankelijk van andere lettertype-instellingen opmaken door op stijlen toewijzen te klikken en vervolgens op titel onder lijstgedeelte.

De tekstgrootte wordt ingesteld in de instellingen voor automatische lay-outs.

Knoppen

Stijl het lettertype, de kleur en de vorm van de knop in het knoppenpaneel van sitestijlen. Zowel itemknoppen als gedeelteknoppen volgen de primaire stijlinstellingen. Houd er rekening mee dat deze instellingen, om een consistente uitstraling te garanderen, van toepassing zijn op de meeste knoppen op je site.

Stel als volgt de grootte van de knoppen voor automatische lay-out in:

1. Zweef over het gedeelte en klik op content bewerken. 
2. Kies onder ontwerp stijl.
3. Klik onder tekstgrootte op ….
4. Gebruik de schuifregelaar itemknop om de grootte aan te passen.

Automatische lay-outs versus galeriegedeelten

Zowel automatische lay-outs als galeriegedeelten organiseren je inhoud automatisch in aanpasbare lay-outs, maar de functies verschillen. Het is niet mogelijk om een automatische lay-out te wijzigen in een galeriegedeelte of omgekeerd. Hier zijn de basisverschillen:

• Automatische lay-outs kunnen verschillende combinaties van afbeeldingen, grotere hoeveelheden tekst en knoplinks weergeven. Ze zijn ideaal om teamleden, voormalige klanten of recente projecten te presenteren.
• Galeriegedeelten benadrukken alleen afbeeldingen, waardoor ze geschikter zijn voor artiestenportfolio's of fotografie-websites. Je kunt tekst toevoegen aan afbeeldingen in het galeriegedeelte, maar alleen korte onderschriften.

Raadpleeg de onderstaande tabel om meer te weten te komen over de verschillen tussen de twee gedeelten en om te beslissen welke het beste aansluit bij jouw behoeften.