Pull-quote

Een pull-quoteblok is een blok dat je kan gebruiken om een stukje tekst op te laten opvallen.

Gebruik het citaatblok als je iets wilt weergeven dat iemand gezegd heeft.


1. Hoe voeg ik het blok toe? #

Klik op het icoon in de hoofdnavigatie of in het contentgebied. Typ ‘pull-quote’ en/of klik op het pull-quote blokicoon om het toe te voegen.

Bovenaan het pull-quoteblok kun je de quote vermelden. Vervolgens staat er in het contentgebied van het hoofdblok ‘citaat toevoegen’. Klik daarop en plak het stuk tekst dat je wil citeren.


2. Blokwerkbalk #

De werkbalk van het pull-quoteblok

Selecteer het blok zodat de blokwerkbalk 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 stippen heeft een sleepfunctie. Klik op de punten en houd ze vast om het blok te verplaatsen naar een nieuwe locatie. Naast de sleepfunctie staat een icoon met de pijlen omhoog en omlaag. Klik op één van de pijlen om het blok een plek omhoog of omlaag te schuiven.

2.3. Verander blokuitlijning #

Verander hiermee de uitlijning naar:

  • Geen
  • Links
  • Rechts

2.4. Verander tekstuitlijning #

Pas de uitlijning van de tekst aan naar:

  • Links
  • Midden
  • Rechts

2.5. Vet en cursief #

Klik op één van deze iconen om de tekst te benadrukken met vetgedrukte of cursieve letters. De volgende sneltoetsen zijn beschikbaar:

  • Ctrl/Cmd + B vetgedrukte tekst
  • Ctrl/Cmd + I voor cursieve tekst

2.6. Link toevoegen #

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

2.7. Meer tekstopties #

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

2.8. 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 wil 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’.

HTML-Anchor

Dit is een plek op je pagina waar je naartoe kan linken. Vul hier een woord in dat je ergens anders in een link gebruikt om ervoor te zorgen dat de bezoeker direct naar die plek wordt geleid.

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 kan kiezen voor:

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

3.2.2. Typografie #

Hier vind je alle instellingen voor het bewerken van lettertypes.

Grootte

Dit is een standaardinstelling die altijd zichtbaar is. Als je wil dat de grootte van een (kop)tekst afwijkt van de standaard, kan je kiezen uit 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. Uitleg hierover vind je in dit overzicht.

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

  • Fontfamilie: de stijl van de letters
  • Weergave: de dikte van de letters binnen de fontfamilie
  • Lijnhoogte: de hoogte van de letters
  • Letterafstand: de ruimte tussen de letters
  • Tekstversiering: onderlijnen of doorhalen van de tekst
  • Letter case: de manier van hoofdlettergebruik: HOOFDLETTERS, kleine letters, of met Hoofdletter

3.2.4. Rand #

Dit zijn de instellingen voor de rand:

  • Kies een kleur of laat het op transparant staan
  • Pas de breedte van de rand aan met de schuifregelaar of voer het in. Klik op ‘PX’ om voor een andere eenheid te kiezen. Meer uitleg over eenheden vind je in dit artikel.
  • Met het icoon ( Kanten onlinken icoon code blok instellingen voor de rand ) staan alle zijden van de rand aan elkaar gekoppeld. Wil je niet alle randen even dik? Klik dan op dit icoon om de randen apart in te stellen.

Wat zijn je gevoelens

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

Neem contact op via onderstaande button.