Meer controle over je tekst

Met NLS Text, een tekst-extensie voor Concrete CMS, kun je meer controle hebben over tekstopmaak, kaders, vormen en achtergrondtransparantie.

Met de NLS Text-extensie heb je meer controle over je tekst

Ontwikkeld voor websites die blijven groeien

Samenwerking met andere NLS-blokken

Ontwikkeld voor Concrete CMS

Onderdeel van NLS_corebloks

NLS_Text_Blok

Columns

Navigatie

PopUp

Spacer

Image

Gallery+tekst

NLS_Background

NLS_Hero

NLS Text geeft tekst meer ruimte en controle

Dit is NLS Text

Samenwerking met andere NLS blokken

Met de NLS Text-extensie heb je meer controle over je tekst Omdat de standaard tekstoplossing in Concrete mij wat te beperkt is, ben ik een eigen tekstextensie gaan maken. Met deze add-on wilde ik in eerste instantie meer opmaaktechnische mogelijkheden, zoals kaders, vormen, een ster, een cirkel, kleur en stand. Daarnaast wilde ik achtergrondtransparantie, zowel voor de kaders als voor de tekst. Later ben ik me gaan buigen over alinea-opmaak, met de nadruk op tekstflow. De uitkomst is NLS Text zoals die nu is. Voor tekst moet de opmaak kloppen, het lettertype moet passen bij de inhoud en een tekstkolom moet netjes blijven staan. Weduwen en wezen maken een tekstkolom onrustig. Een enkel woord op een losse regel ziet er slordig uit. Het probleem zit in de praktijk vooral in de verschillende schermen. Telefoons, tablets, laptops en desktops hebben allemaal een andere breedte en verhouding. Browsers renderen tekst niet allemaal op exact dezelfde manier. Daardoor blijft tekst niet vanzelf netjes staan. Wordt de tekst vertaald, dan wordt die korter of langer. Dit is het fenomeen tekstexpansie en daardoor ontstaan bijna zeker weer de genoemde fouten. Deze extensie controleert direct na de vertaalslag de tekstloop en vangt dan de weduwen en wezen alsnog af. Het laatste blok in een flowgroep groeit tijdelijk mee wanneer door een vertaling tekstexpansie optreedt en duwt alles wat daaronder staat mee naar beneden. Dat gebeurt ook bij het schalen van de site, want voor iedere schermbreedte een aparte tekstopmaak maken kost veel tijd. NLS Text lost een groot deel van dat probleem op. Een enkel woord op een afzonderlijke regel, of een kort woord dat na de punt op de volgende regel terechtkomt, komt veel minder voor. Ook een korte regel onderaan een alinea probeert NLS Text te voorkomen. Daarbij kijkt het systeem, net als bij het voorgenoemde probleem, wel naar de volledige alinea. Vooral in vertalingen kan het daarom alsnog gebeuren dat een enkel woord aan het einde van een zin of onderaan de alinea de beste oplossing is. Bij heel smalle kolommen is er minder speling om de tekst netjes te verdelen. Daar kan een en ander nog voorkomen. NLS Text geeft daarnaast de mogelijkheid om meerdere tekstvlakken aan elkaar te koppelen. Dat gebeurt met een flowgroep. Groepen van a tot en met z zijn mogelijk. De volgorde wordt per groep met een nummer bepaald. Zo geeft a,1 aan welk tekstveld het eerste veld in de reeks is. Dat maakt het gemakkelijk om andere blokken tussen je tekst te plaatsen: a,1, een afbeelding, a,2, een contactblok, a,3, enzovoort. Ook kunnen meerdere flowgroepen op één pagina worden gebruikt. Je kunt dus bijvoorbeeld een flowgroep a gebruiken en daarnaast een groep b. De blokken kun je met een balk onderaan hoger of lager maken. Tekst die niet meer in het eerste blok past, loopt automatisch door naar het volgende blok in dezelfde reeks. Plaats je een ander blok, zoals een afbeelding, tussen twee tekstblokken, dan hoef je de tekst niet handmatig te verdelen. Deze pagina gebruikt voor de opmaak flowgroep a met vier tekstblokken. Ontwikkeld voor websites die blijven groeien Een website is een levend document. Teksten worden aangepast, uitgebreid en aangescherpt. Wat begint als een korte introductie, groeit uit tot een uitgebreider verhaal. Juist daar liep ik steeds tegen hetzelfde probleem aan. Een vormgegeven tekstvlak zag er goed uit zolang de inhoud kort bleef, maar verloor zijn balans zodra de tekst langer werd. Daarom bevat NLS Text voorzieningen die langere teksten beter binnen hun vormgeving houden. Dat voorkomt dat een zorgvuldig opgebouwde pagina opnieuw moet worden aangepast omdat een tekst verandert. Samenwerking met andere NLS-blokken NLS Text werkt als los blok, maar ook als onderdeel van de NLS-blokkenbibliotheek. NLS Text levert een teasertekst. NLS Page List gebruikt die tekst in paginaoverzichten en bloglijsten. Daardoor is duidelijk uit welk tekstblok de introtekst komt. NLS Image werkt op dezelfde manier met afbeeldingen. Daardoor kun je per pagina de juiste afbeelding kiezen voor bijvoorbeeld een blogoverzicht. Zo werken de NLS-blokken samen zonder dat dezelfde inhoud op meerdere plaatsen hoeft te worden ingevoerd. Ontwikkeld voor Concrete CMS NLS Text is specifiek ontwikkeld voor Concrete CMS. Uniek is dat je niet naar de blokeditor hoeft. Je werkt gewoon in de editmode van de pagina en ziet direct wat er op de pagina gebeurt. Je hoeft geen rekening te houden met de tekstflow; dat doet NLS Text grotendeels automatisch voor je. Voor aanpassingen of koppelingen hoef je dus niet eerst het blok te openen. Dat gebeurt direct terwijl de pagina in editmode staat. NLS Text is gemaakt om minder afhankelijk te zijn van vaste templates. Samen met NLS Columns geeft het meer controle over de opbouw van een pagina. Ook deze pagina is ermee gemaakt. De tekst loopt door meerdere blokken en blijft onderdeel van dezelfde tekstflow. one star one circle Met deze balken zijn de tekstblokken hoger of lager te trekken. Onderdeel van NLS_corebloksNLS_Text_BlokColumnsNavigatiePopUpSpacerImageGallery+tekstNLS_BackgroundNLS_Hero NLS_Tekst in de pagina edit mode NLS Text geeft tekst meer ruimte en controle Aan de standaard tekstoplossing van Concrete CMS wilde ik meer technische mogelijkheden toevoegen, zodat opmaak, kaders, vormen, ster en cirkel, maar ook achtergrondtransparantie (en dat ook voor de kaders en de tekst) makkelijker te plaatsen zijn op de website. Dit is NLS Text Voor tekst moet de opmaak kloppen, het lettertype moet passen bij de inhoud en een kolomtekst moet netjes blijven staan. Daardoor blijft tekst niet vanzelf netjes staan, vooral niet wanneer de tekst in een kolom staat. NLS Text is ontworpen om bij elke schermgrootte de tekst netjes te laten verlopen. Dat gebeurt bij schalen van de site, want maakt voor iedere schermbreedte een aparte tekstopmaak, maar wanneer de tekst vertaald wordt. NLS Text checkt direct na de vertaalslag de tekstloop en vangt dan de weduwen en wezen alsnog af. Een enkel woord op een regel of aan het eind van een zin na de punt een kort woord komt veel minder voor. Ook een korte regel onderaan een alinea probeerd NLS_tekst te voorkomen maar kijkt daar bij wel naar die alinea en dan kan het vooral in vertalingen nog gebeuren dat dat enkele woord onder aan de beste oplossing is. Dat gebeurt met een flowgroep. Groepen van a t/m z zijn mogelijk de volgorde gaat op nummer per groep, bijvoorbeeld a,1, bepaalt welk tekstveld het eerste veld in de reeks is. Dat maakt het plaatsen van andere blokken tussen je tekst gemakkelijk: a,1 afbeelding, a,2 contactblok, a,3 enzovoort. Meerdere flowgroepen op een pagina kunnen ook. De blokken zijn hoger en lager te maken met een balk onderaan het blok. Daardoor plaats je een ander blok, zoals een afbeelding, tussen twee tekstblokken zonder de tekst handmatig te verdelen. Wat begint als een korte introductie groeit uit tot een uitgebreider verhaal. Een vormgegeven tekstvlak zag er goed uit zolang de inhoud kort bleef, maar verloor balans zodra de tekst langer werd. Samenwerking met andere NLS blokken NLS Text werkt als los blok, maar ook als onderdeel van de NLS blokkenbibliotheek. NLS Text levert een teasertekst. NLS Page List gebruikt die tekst in pagina-overzichten en bloglijsten. NLS Image werkt met afbeeldingen op dezelfde manier. Zo werken de NLS blokken samen zonder dat dezelfde inhoud op meerdere plaatsen moet worden ingevoerd. Ontwikkeld voor Concrete CMS NLS Text is specifiek ontwikkeld voor Concrete CMS en sluit aan op de manier waarop het systeem werkt. Je werkt gewoon in de edit mode en ziet direct wat er op de pagina gebeurt. Je hoeft geen rekening te houden met de tekstflow, dat doet NLS Text grotendeels automatisch voor je. Voor aanpassingen of koppelingen hoef je niet eerst het blok te openen. Dat gebeurt direct terwijl de pagina in edit mode staat. Ook deze pagina is ermee gemaakt.

NLS_TEKST.webp
NLS_text Blokje
De size handels tekstblok
Inhoud van tekst in editmode
Screenshot 2026-06-17 075821.png
Concretecms blok NLSTekst
Concretecms blok NLSTekst
NLS tekst blok in pagina edit
NLS tekst blok in pagina edit
Text_Blokje.webp
NLS text extension Banner
Tekstblok.webp
NLS text extension Banner
install/update Add Ons