Handleidingen/Inhoud aanmaken/Ontwerp/Stijlen aan groepen toevoegen

Stijlen aan groepen toevoegen

Met groepsblokkenkan je ontwerpstijlen toevoegen aan groepen content. In deze handleiding leer je hoe je de weergave van een groepsblok aanpast met kleuren, randen en visuele elementen.

Videotutorial

Een vooraf ingestelde stijl toepassen op een groep

Vooraf ingestelde stijlen is een functie die is opgenomen in verschillende blokthema’s. Volg deze stappen om een vooraf ingestelde stijl toe te passen:

  1. Klik op Lijstweergave bovenaan het bewerkingsscherm.
  2. Selecteer het groepsblok.
  3. In de zijbalk Blokinstellingenklik je vervolgens op het tabblad Stijlen (het pictogram lijkt op een zwart-witte cirkel).
  4. Klik op een stijl om deze toe te passen op je groepsblok.
The Styles section of the Group block sidebar settings.

Als je geen vooraf ingestelde stijlen hebt, heb je nog steeds volledige controle om je stijlen toe te passen op een groepsblok (hieronder beschreven).

De kleuren van een groep wijzigen

Je kan de standaardkleuren van een groepsblok wijzigen,inclusief de achtergrondkleur en tekstkleur. Om de kleuren te wijzigen die in een groepsblok worden gebruikt,volg je deze stappen:

  1. Klik op Lijstweergave bovenaan het bewerkingsscherm.
  2. Selecteer het groepsblok.
  3. In de zijbalk Blokinstellingenga je naar het gedeelte Kleur.
The "Color" section of the Group block's settings sidebar.
  1. Klik op de naam van het element waarvoor je de kleur wilt wijzigen en selecteer je nieuwe kleur.
  2. Klik op het pictogram voor Kleuropties () om opties in te schakelen voor het wijzigen van standaard koptekst- en knopkleuren.
  3. Klik op‘Opslaan’of‘Publiceren’om je wijzigingen op te slaan.

Meer informatie over kleuren wijzigen.

Een achtergrondafbeelding toevoegen

Achtergrondafbeeldingen kunnen visueel interesse opwekken en context geven voor je content. Om een achtergrondafbeelding toe te voegen aan een groepsblokvolg je deze stappen:

  1. Klik op Lijstweergave bovenaan het bewerkingsscherm.
  2. Selecteer het groepsblok.
  3. In de zijbalk Blokinstellingenga je naar het gedeelte‘Achtergrondafbeelding’.
  4. Klik op‘Achtergrondafbeelding toevoegen’om een afbeelding te selecteren uit de Mediabibliotheek van je site of om een nieuwe te uploaden.
The "Background image" section of the Group block's settings sidebar.

Om een achtergrondafbeelding te verwijderen, klik op je ophet pictogram voor‘Opties achtergrondafbeelding’ (⋮) in het gedeelte‘Achtergrondafbeelding’en selecteer je de link‘Herstellen’.

Een rand of schaduw toevoegen

Randen en schaduwen creëren diepte en helpen om contentgedeeltes visueel van elkaar te onderscheiden. Om deze elementen toe te voegen aan een groepsblokvolg je deze stappen:

  1. Klik op Lijstweergave bovenaan het bewerkingsscherm.
  2. Selecteer het groepsblok.
  3. In de zijbalk Blokinstellingenga je naar het gedeelte Rand en schaduw .
  4. Pas je rand aan door het volgende aan te passen:
    • Breedte: hoe dik de rand lijkt.
    • Stijl: strakke, gestreepte of gestippelde lijnstijlen.
    • Kleur: kies uit vooraf ingestelde kleuren of maak een aangepaste kleur.
    • Straal: voeg afgeronde hoeken toe aan je groepsblok.
  5. Klik op het menu voor Rand- en schaduwopties (⋮) om de optie Schaduw weer te geven, en selecteer vervolgens uit vooraf ingestelde schaduwontwerpen.

Meer informatie over Rand- en schaduwinstellingen.

Stijlen hergebruiken

Het maken van consistente ontwerpen op je site bespaart tijd en verbetert de visuele samenhang van je site. Om standaardstijlen in te stellen voor alle groepsblokkenvolg je deze stappen:

  1. Ga naar Weergave → Editor → Stijlen.
  2. Ga naar het groepsblok in het gedeelte Blokken en stel je favoriete achtergrond, rand en andere stijlopties in.
  3. Klik op ‘Opslaan’ om deze standaardinstellingen toe te passen op alle groepsblokken.

Opmerking: je kan nog steeds individuele groepsblokken aanpassen via de zijbalk Blokinstellingen.

Meer informatie over stijlen instellen voor je site.

Copied to clipboard!