Geef je pagina's meer variatie en contrast met gedeeltenspecifieke stijlopties. 

Standaard volgen paginagedeelten de stijlen van de hele site, maar je kunt individuele gedeelten stylen om het ontwerp, de achtergrond, de kleuren of andere gedeeltespecifieke instellingen te wijzigen.

Paginagedeelten en gedeeltestijlen zijn beschikbaar in versie 7.1.

Gedeeltestijlen wijzigen

Om individuele paginagedeelten te stylen:

1. Open het paneel Pagina's en klik dan op Bewerken op de pagina.
2. Zweef over het gedeelte en klik op Gedeelte bewerken. De opties variëren afhankelijk van het type gedeelte.
3. Klik op ontwerp om gedeelte-specifieke opties aan te passen. Dit tabblad kan een andere naam hebben, zoals Opmaak of Galerie. Afhankelijk van het gedeelttype kun je in dit tabblad een anchor-link aanmaken.
4. Om een achtergrondafbeelding, video of kunst toe te voegen, klik je op Achtergrond. Achtergrondinhoud kan schermbreed of ingesprongen vanaf de randen van het gedeelte worden weergegeven.
5. Om een kleurenschema te kiezen, klik je Kleuren. Wijzigingen in een kleurenthema zijn van invloed op alle gedeelten van je site die dat thema gebruiken.

Het raster en de tussenruimte van Fluid Engine aanpassen

Na het openen van gedeeltestijlen op een Fluid Engine-gedeelte kun je deze instellingen wijzigen in het tabblad Ontwerp:

• De rasterhoogte wijzigen - Gebruik Aantal rijen om het aantal rijen in het raster van het gedeelte in te stellen. Dit is de enige stijloptie voor het gedeelte waarbij je verschillende instellingen kunt hebben op de desktop en de mobiele lay-out, maar het minimum aantal rijen is ook afhankelijk van het aantal blokken dat je hebt toegevoegd en hoe ze zijn gerangschikt. Je kunt de hoogte ook direct op de pagina aanpassen door op het blauwe pijltje in de rechteronderhoek van het gedeelte te klikken en het te verslepen.
• Blokkenafstand instellen - Gebruik Gap om te bepalen hoeveel opvulling er tussen blokken in het raster verschijnt. Je kunt kiezen voor geen tussenruimte, een vooraf ingestelde tussenruimte of klik op … om aangepaste verticale en horizontale tussenruimtes in te stellen.
• Voeg opvulling toe aan gedeelten en pas deze aan – Schakel "Volledig scherm" in voor meer controle over de hoogte en uitlijning van je inhoud. Als je geen opvulling rond de content van het gedeelte wilt, laat je deze optie uitgeschakeld. Deze opties verschijnen alleen als "Fill Screen" is ingeschakeld:
  • Voeg opvulling toe aan je gedeelte buiten het raster van het gedeelte – Kies onder Hoogte tussen een kleine, middelgrote of grote hoogte of klik op … om een aangepaste hoogte in te stellen.
  • Stel in waar de extra hoogte-opvulling verschijnt – onder uitlijning kun je de inhoud bovenaan uitlijnen om opvulling onder de inhoud toe te voegen. Lijn de content in het midden uit om opvulling boven en onder de content toe te voegen. Lijn de content naar beneden uit om opvulling boven de content toe te voegen.

De hoogte en afstand van de klassieke editor aanpassen

Nadat je gedeeltestijlen hebt geopend in een klassiek editorgedeelte, kun je deze instellingen wijzigen op het tabblad Ontwerp:

• De hoogte van het gedeelte wijzigen - Gebruik de hoogte van het gedeelte om te bepalen hoe hoog het gedeelte op de pagina verschijnt. Gedeelten met meer inhoud kunnen op een grotere hoogte worden weergegeven dan je instelling. Dit beïnvloedt ook het bedrag opvulling boven en onder de inhoud van je gedeelte.
• De breedte van de inhoud aanpassen – Gebruik inhoudbreedte om in te stellen hoe groot het deel van het gedeelte is dat door je inhoud wordt ingenomen.
• Pas aan hoe de inhoud van het gedeelte ten opzichte van de gedeelteranden wordt uitgelijnd – Gebruik ‘Inhoud uitlijnen’ om in te stellen hoe de inhoud ten opzichte van de gedeelteranden wordt uitgelijnd.

Voeg gedeeltescheiders toe

Je kunt een unieke gedeeltescheider toevoegen aan de onderkant van blokgedeelten, automatische lay-outs en galeriegedeelten. Nadat je de eerste gedeeltescheider voor je site hebt aangemaakt, zijn de instellingen voor die scheider van toepassing op scheiders die je later aanmaakt. Als je wilt dat je gedeeltescheiders verschillen, kun je ze stuk voor stuk handmatig aanpassen tijdens het aanmaken.

Om een gedeeltescheider toe te voegen:

1. Open het paneel Pagina's en klik dan op bewerken op de pagina.
2. Zweef over het gedeelte en klik op Gedeelte bewerken.
3. Zet bij Ontwerp de scheider aan.
4. Gebruik de instellingen die verschijnen om de gedeeltescheider aan te passen.

Een gedeeltescheider aanpassen

Nadat je de scheiderschakelaar hebt ingeschakeld, gebruik je deze opties om de scheider te stylen:

• Masker – Klik op het pictogram shuffle om de instellingen te randomiseren, of klik op het pictogram instellingen om een masker te selecteren en de instellingen handmatig te wijzigen.
• Omlijning - Selecteer een doorlopende lijn, een stippellijn of geen rand voor uw scheidingslijn.
• Kleur - Kies een kleur uit het kleurenpalet van de hele site voor de rand.
• Dikte - Stel de dikte van de rand in met behulp van de opties klein, medium of groot. Klik op de knop ... om de dikte van de scheidingslijn handmatig te wijzigen.

Gedeelten zonder scheidingen

Als je pagina een gedeelte bevat dat geen gedeeltescheiders ondersteunt, zoals een winkel- of bloggedeelte, kun je het uiterlijk van een gedeeltescheider nabootsen met een leeg blokgedeelte.

Houd er rekening mee dat deze scheidingslijn niet op precies dezelfde manier reageert op het gedeelte erboven als ingebouwde scheidingslijnen. Als het gedeelte bijvoorbeeld een achtergrondafbeelding heeft, verschijnt de scheidingslijn onder de afbeelding in plaats van direct er tegenaan.

Om een gedeeltescheider onder collectiegedeelten toe te voegen:

1. Open het paneel Pagina's en klik dan op bewerken op de pagina met het gedeelte dat geen scheidingslijn heeft.
2. Klik onder dat gedeelte op Gedeelte toevoegen.
3. Klik op + Leeg toevoegen en klik vervolgens op Gedeelte.
4. Beweeg je muis over het nieuwe gedeelte en klik op Gedeelte bewerken.
5. Stel de hoogte in op klein en zet de scheidingsschakelaar aan.
6. Stijl de scheider naar wens. Voeg geen blokken toe aan dit gedeelte.

Wat kun je veranderen met gedeeltestijlen?

Wat je kunt wijzigen met gedeeltestijlen hangt af van het type gedeelte.

Blokgedeelten en automatische lay-outs

In blokgedeelten (zowel in Fluid Engine als in de klassieke editor) en automatische lay-outs kun je de achtergrond en kleuren aanpassen, evenals gedeeltespecifieke ontwerpopties. Meer informatie over gedeeltespecifieke stijlen:

• Fluid Engine
• Klassieke editor
• Automatische lay-outs

Collectie- en galeriegedeelten

In collectiegedeelten, zoals bloggedeelten en winkeldeelten en galeriegedeelten, kun je kleuren aanpassen, evenals gedeeltespecifieke ontwerpopties. Meer informatie over gedeeltespecifieke stijlen:

• Cursusgedeelten
• Blog gedeelten
• Kalendergedeelten
• Galeriegedeelten
• Portfoliogedeelten
• Winkelgedeelten
• Videogedeelten