(Query loop) Categorieën

Dit blok is bedoeld als subblok van het query loop blok. Het laat de categorieën van een bericht zien.


1. Hoe voeg ik het blok toe? #

Klik vervolgens op het + icoon in de hoofdnavigatie of in het content gebied. Typ ‘Categorieën‘ en klik op het categorieënblokicoon om het toe te voegen.


2. Blokwerkbalk #

De werkbalk van het categorieënblok

Selecteer het blok zodat de blokwerkbalk (erboven) weergegeven wordt. Hieronder leggen we uit wat elke functie in de blokwerkbalk doet.

2.1. Verander naar een ander type blok #

Standaard staat hier het (geselecteerde) blokicoon, dat per blok verschilt. Klik hierop om een ander blok te kiezen zonder dit blok te verwijderen en weer op het + icoon te hoeven klikken. Kies een blok uit de lijst die na het klikken verschijnt.


2.2. Blok verplaatsen #

Het icoon met zes stipjes heeft een sleepfunctie. Klik op deze puntjes en houd ze vast om het blok te verplaatsen naar een nieuwe locatie. Naast de sleepfunctie staat een icoon met een pijltje omhoog en omlaag. Klik op één van de pijltjes om het bok een plekje omhoog of omlaag te schuiven.


2.3. Tekstuitlijning #

Pas de uitlijning van de tekst aan naar:

  • Links
  • In het midden
  • Rechts

2.4. Vet en cursief #

Klik op één van deze iconen om de tekst te benadrukken met vetgedrukte of cursieve letters. Je kunt ook de volgende sneltoetsen gebruiken:

  • Windows
    • CTRL + B (Bold)
    • CTRL + I (Cursief)
  • Apple
    • CMD + B (Bold)
    • CMD + I (Cursief)

2.5. Link toevoegen #

Maak van een woord of stuk tekst een link naar een andere pagina.


2.6. Meer tekstopties #

Onder dit icoon vind je meer opties om de tekst op te maken. Hierover hebben we een apart overzicht gemaakt op deze pagina. Zoek naar de functie die je wilt gebruiken.


2.7. Meer opties #

Onder dit icoon vind je meer bewerkingsfuncties zoals:

  • Dupliceren
  • Verwijderen
  • Invoegen voor
  • Invoegen na
  • Bewerken in HTML

Hiervoor hebben we een apart overzicht gemaakt op deze pagina. Zoek naar de functie die je wilt gebruiken.


3. Blokinstellingen #

De blokinstellingen zijn verdeeld in twee tabbladen: instellingen ( Instellingen icoon in blokinstellingen tabblad. ) en stijlen ( Stijlen icoon )

3.1 Instellingen #

Pas hier de werking van het blok aan.

3.1.1 Geavanceerd #

Bloknaam

Pas hier de naam van het blok aan. Deze vind je terug in het ‘Document overzicht’.

Scheidingslijn

Vul hier de tekens in die gebruikt worden om de categorieën van elkaar te scheiden. Hier staat standaard een komma.

Extra CSS-klasse

Gebruik dit invulveld om extra CSS-klassen toe te voegen.


3.2. Stijlen #

Pas hier de opmaak van het blok aan.

3.2.1. Kleur #

Kies de kleur van de tekst, link en/of achtergrondkleur (binnen het blok). Na het klikken opent een submenu met twee tabbladen.

Effen

Hier heb je de keuze voor de themakleuren (ingesteld door de ontwikkelaar van Noeste IJver) en standaardkleuren.

Kleurverloop

Kies meerdere aangepaste kleuren door op een plek in het balkje te klikken om een kleursubmenu te openen en een kleur te kiezen. Het kleurverloop gaat over in de kleur die je op een bepaalde plek in de balk gekozen hebt. Je kunt kiezen voor:

  • Lineair: Standaard van links naar rechts
  • Radiaal: Van het midden naar buiten

Standaard en hover #

Na het klikken op ‘Link‘ opent een submenu met twee tabbladen:

  • Standaard: Staat voor de kleur van de link die altijd in beeld is.
  • Hover: Staat voor de kleur die verschijnt als je met je muis op de link gaat staan.

3.2.2 Typografie #

Hier vind je alle instellingen voor het bewerken van lettertypes.

Grootte

Dit is een standaard instelling die altijd zichtbaar is. Als je wilt dat de grootte van een (kop)tekst afwijkt van de standaard, dan kan je kiezen voor de volgende maten:

  • S
  • M
  • L
  • XL
  • XXL

Wil je het zelf instellen? Klik dan op dit icoon ( Schuifregelaar pictogram blokinstellingen ). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.

Via het driepunten icoon achter het woord typografie kan je meerdere instellingen zichtbaar maken:

  • Font familie: De stijl van de letters
  • Weergave: De dikte van de letters binnen de font familie
  • Lijnhoogte: hoe hoog de letters zijn
  • Letterafstand: Hoe ver de letters van elkaar af staan
  • Tekstversiering: Onderlijnen of doorhalen van de tekst
  • Lettercase: De manier van hoofdlettergebruik
    • HOOFDLETTERS
    • kleine letters
    • Met Hoofdletter

3.2.3 Afmetingen #

Pas hier de ruimte om het blok aan.

Klik op het + icoon achter ‘Afmetingen’ en maak een keuze.

Padding

De padding is de ruimte tussen de rand van het blok en de tekst.

Klik op dit icoon ( Keuzesymbool dimensies van blokinstellingen ) om te kiezen welke zijden je wilt aanpassen. Verschuif de blauwe stip om de padding groter of kleiner te maken.

Wil je het zelf instellen? Klik dan op dit icoon ( Schuifregelaar pictogram blokinstellingen ). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.

Marges

De marge bepaalt de ruimte tussen de blokken.

Klik op dit icoon ( Keuzesymbool dimensies van blokinstellingen ) om te kiezen welke zijden je wilt aanpassen. Verschuif de blauwe stip om de padding groter of kleiner te maken.

Wil je het zelf instellen? Klik dan op dit icoon ( Schuifregelaar pictogram blokinstellingen ). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.

Wat zijn je gevoelens

Kom je er niet uit, mis je een artikel of heb je een vraag?

Neem contact op via onderstaande button.