Markeer belangrijke of opmerkelijke inhoud met behulp van unieke, gestileerde tekst.

Gebruik citatenblokken om opgemaakte citaten en getuigenissen aan je site toe te voegen.

Bekijk een video

Voeg een citatenblok toe

Om een citatenblok toe te voegen:

1. Open een pagina- of post-editor.
2. Zweef over het gedeelte en klik op Blok toevoegen of + om het blokmenu te openen, en klik dan op Quote.
3. Open de blokeditor door op het potloodpictogram op het blok te klikken.
4. Voer het citaat in het eerste veld in.
5. Voer de bron in het tweede veld in.
6. Klik op Ontwerp om een animatie toe te voegen of een achtergrondkleur in te schakelen (alleen voor sites met versie 7.1).

Een bestaand citatenblok bewerken

Om een bestaand citatenblok te bewerken, dubbelklik je op het blok of klik je eenmaal op het blok en vervolgens op het potloodpictogram of Bewerken. Hiermee wordt de blokeditor geopend. Het is niet mogelijk om het citaat direct op de pagina te bewerken zoals bij een tekstblok.

Geef stijl aan het citaat

Hoe je het citaat opmaakt, hangt af van je sjabloon en versie.

Het citaat animeren

Animaties van citatenblokken worden niet ondersteund in Fluid Engine. In plaats daarvan volgen citatenblokken de animatie-instellingen voor de hele site.

Om een citatenblok te animeren:

1. Klik in de citatenblokeditor op Ontwerp.
2. Selecteer een effect in het uitklapmenu. Wanneer je een optie selecteert, verschijnt er een preview op de pagina.

Kies uit:

• Geen - Geen animatie, zelfs als er sitebrede animatie-instellingen zijn
• Site-standaard - Tekst komt overeen met sitebrede animatie-instellingen
• Fade in - Tekst vervaagt geleidelijk
• Schuif omhoog - De tekst schuift omhoog vanaf onderen
• Focus in - Tekst ziet er wazig uit en komt dan scherp in beeld
• Onthullen – Tekst schuift vanuit het midden naar buiten

Hier is een voorbeeld van een citatenblok waarbij de Focus in -animatie wordt gebruikt.

Andere manieren om citaten toe te voegen

Hier zijn nog wat andere opties om citaten aan je site toe te voegen en ze een unieke opmaak te geven.

Opmaken als citaattekst

Om een citaat binnen een tekstblok te laten opvallen, selecteer je de tekst en klik je op het citaatpictogram in de teksteditor. Dit is een streepje voor op het citaat. Afhankelijk van je sjabloon kan er een lijn aan de zijkant verschijnen en kan de tekst cursief worden weergegeven.

Zet de tekst op wrap

Voor een citaat in tijdschriftstijl dat opvalt op een pagina, wikkel je het ene tekstblok om het andere. Voor meer informatie, bezoek Een blikvangercitaat maken door tekst te omwikkelen.

Citatenblokken en afbeeldingsblokken laten overlappen

Als je Fluid Engine gebruikt, kun je een citatenblok over een afbeeldingblok plaatsen om een afbeeldingsachtergrond te creëren voor de quote. Zorg ervoor dat de achtergrond van het blok is uitgeschakeld, zodat het afbeeldingblok erachter niet wordt bedekt.

In de klassieke editor is het niet mogelijk om blokken te laten overlappen. Voeg in plaats daarvan een afbeeldingblok toe met een tekstoverlay en geef die tekst een stijl die meer op een blikvangercitaat lijkt. Zie Afbeeldingblokken voor voorbeelden van de verschillende opties voor afbeeldingblokken.

Maak er een koptekst van

Om de tekst een prominente stijl te geven, voeg je de citaattekst toe aan een tekstblok en formatteer je het vervolgens als een kop. Markeer de tekst in de tekstblokeditor en gebruik het uitklapmenu voor opmaak om kop 2 of kop 3 te selecteren. Gebruik vervolgens de opties kop 2 of kop 3 in het paneel sitestijlen om het uiterlijk van de tekst te wijzigen.

Tip: Omdat zoekmachines inhoud in koppen identificeren als trefwoordrijke gebieden voor indexering, kan het opmaken van aanhalingstekens als koppen de SEO van je site beïnvloeden. We raden deze oplossing alleen aan als je sjabloon geen citatenblokstijlen heeft en je belangrijkste doel is om het ontwerp van een citaat te verbeteren.