Clusterblok

Met een clusterblok kun je andere blokken groeperen in één ouderblok en op die manier een interessante sectie blokken maken met een aangepaste achtergrond.

Blokkeer instellingen in de werkbalk

Met de werkbalkknoppen op het blok kun je de breedte van het blok wijzigen in Content Size, Wide Size of Fullwidth Size. Zodra de afbeelding als achtergrond is geselecteerd, kunt u met het werkbalkpictogram de afbeelding wijzigen die in een blok wordt weergegeven. Voor Cluster met aangepaste hoogte zijn opties beschikbaar om inhoud verticaal uit te lijnen. U kunt inhoud bovenaan, in het midden of onderaan het clusterblok uitlijnen.

Blokkeer instellingen in de zijbalk

In de zijbalkinstellingen van het blok kun je de opties voor achtergrond, overlay, rand, schaduw en hoogte van het blok definiëren.

Achtergrondinstellingen

Block biedt vier achtergrondtypes:

  • Geen
  • Afbeelding
  • Enkele kleur
  • Verloop

Achtergrond afbeelding

Met de opties voor afbeeldingsachtergrond kun je een aangepaste afbeelding uploaden naar de achtergrond en andere extra opties definiëren:

  • achtergrondafbeeldingsgrootte instellen
  • herhaaloptie instellen voor een afbeelding op de achtergrond
  • definiëren of een afbeelding op de achtergrond vast is of met de pagina mee scrolt
  • positie van een afbeelding op de achtergrond instellen door het brandpunt op een afbeelding te definiëren
  • achtergrondkleur of -verloop onder een afbeelding instellen, deze opties zijn handig als je achtergrondafbeelding in transparant png-formaat is
  • stel een overlay in over de afbeelding, de overlay kan worden gedefinieerd door een enkele kleur of verloop met aangepaste transparantie om een interessante achtergrond te creëren
Responsieve optie voor afbeeldingsachtergrond

Hiermee kun je verschillende achtergrondafbeeldingsinstellingen definiëren voor desktopformaat en aangepast responsief schermformaat. Zodra je een afbeelding als achtergrond uploadt, verschijnt er een ander keuzerondje. Nadat je het hebt ingeschakeld, verschijnen er nieuwe tabbladen. Ga naar het tabblad Mobiel formaat en definieer de parameters.

Je kunt de schermbreedte definiëren wanneer responsieve opties worden toegepast.

Een responsieve lay-out kan een andere afbeelding op de achtergrond hebben. Verander de afbeelding in een kleiner formaat en versnel de uploadtijd. Ga naar de blokwerkbalk en vervang de bestaande desktopachtergrondafbeelding door een afbeelding in de mobiele versie. Kies een positie en achtergrondkleur voor transparant png-formaat. Andere opties worden hetzelfde gebruikt als in de desktopopmaak.

Hoe achtergrondafbeelding wijzigen

De achtergrondafbeelding kan worden gewijzigd door op het volgende pictogram te klikken:

Achtergrond in één kleur

Met deze optie kun je één kleur definiëren voor de achtergrond van het blok.

Verloop achtergrond

Met deze optie kun je een kleurverloop definiëren op de achtergrond van het blok.

Randinstellingen

Met de opties kun je de rand van het blok definiëren met een aangepaste kleur, breedte en straal voor afgeronde blokranden.

Schaduw instellingen

Door de kleur te definiëren in de schaduwinstellingen kun je de schaduw onder het blok activeren. Alle benodigde parameters zijn beschikbaar om de schaduw aan te passen aan je wensen. Er zijn knoppen voor horizontale en verticale offset, vervaging en spreidingsradius in pixels.
Schaduw kan worden weergegeven als buiten- of inzetschaduwtype.

Hoogte-instellingen

Met behulp van de hoogte-instellingen kun je het blok dwingen om in de opgegeven hoogte te worden weergegeven als de inhoud binnen het blok niet groter is dan deze hoogte. Je kunt kiezen uit verschillende eenheden voor de minimale hoogte van het blok, beschikbaar zijn pixels, vh en vw.
Zodra de aangepaste hoogte of omslaghoogte is gedefinieerd voor het blok, kun je inhoud binnen het blok ook verticaal uitlijnen met behulp van pictogrammen die beschikbaar zijn in de werkbalk voor blokken.

Voor clusterblokken die worden ingevoegd in Kolommenblokken is er een extra optie "Kolomhoogte bedekken" die de hoogte van het clusterblok aanpast aan de volledige hoogte van de kolom waarin het is ingevoegd. Deze optie heeft effect als het clusterblok slechts één blok is dat direct in de kolom wordt ingevoegd. Natuurlijk kunt u zoveel blokken als u wilt in het Clusterblok invoegen.

Breedte-instellingen

Met de breedte-instellingen kunt u de breedte aanpassen voor inhoud in clusterblok die standaard is gedefinieerd in Algemene lay-out instellingen in WordPress Customizer.

De breedte kan afzonderlijk worden gewijzigd voor verschillende formaten (inhoud, breed en volledig) die zijn ingesteld in de werkbalk Clusterblok.

De breedte-instellingen zijn alleen beschikbaar met de actieve Citadela Pro-plugin.

Mobiele instellingen

Met mobiele instellingen kan worden gedefinieerd of Clusterblok alleen op een mobiel wordt weergegeven of verborgen. U kunt het blok verbergen met de inhoud onder-responsieve schermgrootte.

Afstandsinstellingen

Met de opties kunt u opvulling (tussenruimte) definiëren rond inhoud in het clusterblok. Er zijn drie soorten ruimte beschikbaar: Geen (standaard tussenruimte), 0 (nul, geen tussenruimte), kleine en grote tussenruimte.