CMS 5.1: Vernieuwd componentenbeheer, meer focus en verbeterde toegankelijkheid

Als je over een component beweegt met je muis dan krijg je boven en onder de component de mogelijkheid om op die plek een component toe te voegen. Omdat het voorheen alleen mogelijk was om onderaan de pagina een component toe te voegen scheelt dit veel sorteerwerk.

Wanneer je een positie voor je nieuwe component hebt gekozen opent de nieuwe componentenkiezer. Hierin zie je een overzicht van alle componenten die je toe kunt voegen. Ook kun je hierin zoeken of navigeren met toetsenbord-pijltjes.

Deze feature werkt niet als je gebruik maakt van flexpagina's. Met de flex-module is het namelijk al mogelijk om op elke willekeurige plek een component toe te voegen.

Er is een knop toegevoegd aan de rechterkant van de container-balk om de componenten uit de container compacter weer te geven. Je ziet dan alleen nog maar de titel en het icoon van de aanwezige componenten. Hierdoor passen er meer componenten in beeld en heb je een beter overzicht als je de indeling van je pagina gaat wijzigen. Hiermee is ook het drag and droppen van componenten een stuk makkelijker geworden. 

Het was al mogelijk om een container-component te verplaatsen naar een andere pagina. Dit kun je doen door een container-component te slepen naar een pagina in de boom. Daar is een functionaliteit aan toegevoegd; je kunt er nu ook voor kiezen om de component te kopiëren. Als je de component versleept krijg je de keuze of je deze wilt verplaatsen of kopiëren.

Om meer focus op de content te krijgen hebben we meerdere aanpassingen gedaan. De eerste is dat de module-balk (de zwarte balk aan de linkerkant) standaard is verkleind.¹ Je ziet alleen de pictogrammen van een module. Beweeg je met de muis over deze balk dan klapt deze uit zodat je ook het label ziet. Er is nog wel een mogelijkheid om de balk vast te zetten zodat de labels altijd zichtbaar zijn.

Daarnaast is het mogelijk om de rechterbalk met eigenschappen van een pagina weer onder te brengen als tabblad.¹ Deze mogelijkheid is alleen zichtbaar op schermen van 1920 pixels of breder. Ook bevat de rechterbalk nu tags en reacties (mits je deze modules hebt afgenomen). Op kleinere schermen zijn de eigenschappen altijd een apart tabblad.

Ook zie je nog een knop aan de rechterkant van de container-balk.¹ Hiermee kun je de sectie in zijn geheel verbergen. Dit zorgt voor meer overzicht op je pagina en kan je gebruiken als je in dat gedeelte van de pagina geen aanpassingen meer wilt doen. Zo kun je meer focussen op het gedeelte van de pagina waar je wel aan werkt.

Deze instelling wordt per pagina-type opgeslagen. Ook is de knop om de componenten in de container compacter te tonen op dat moment niet meer zichtbaar.

We hebben onze pasklare website-producten geüpdatet om te voldoen aan de WCAG 2.1 niveau A en AA. Daarom dragen de Business, Care en Woningcorporatie website en Reporting het waarmerk Drempelvrij en betekent dit voor jouw project dat digitale toegankelijkheid qua techniek al goed geregeld is.

In CMS zijn de afgelopen jaren reeds diverse mogelijkheden aangebracht om content drempelvrij aan te bieden, zoals invulbare ALT-tekst velden bij gebruik van afbeeldingen en geven van context aan formuliervelden t.b.v. auto-aanvullenfunctie van browsers. Nieuw in CMS 5.1 is dat je ALT-teksten direct in Mediabeheer aan afbeeldingen toe kunt voegen, zodat die overal waar je de afbeelding gebruikt worden toegepast.

Ook het CMS zelf is bijgewerkt voor digitale toegankelijkheid. Zo is het CMS nu ook met het toetsenbord te bedienen en voldoen alle kleurcontrasten aan de specificatie van de WCAG.

Wanneer je met de muis over de boomstructuur aan de linkerkant navigeert, dan zie je een knop met 3 stippen verschijnen. Klik hierop en er verschijnt een context-menu met shortcuts voor de volgende acties:

• Pagina toevoegen
• Pagina kopiëren
• Pagina verplaatsen
• Pagina verwijderen

Voeg je een nieuwe pagina toe? Dan komt deze voortaan bovenaan de lijst met andere pagina's op dat niveau te staan. Hiermee voorkomen we dat je de nieuwe pagina uit het oog verliest wanneer je die toevoegt aan een overzicht waar al veel pagina's onder bestaan. 

Dit geldt niet voor modules waar sprake is van een ingebouwde sortering, zoals de nieuws, blog en agenda. Pagina's in deze modules blijven gesorteerd op basis van de gedefinieerde criteria. 

Met het soft-hyphen veld kun je zelf aangeven waar in titels de (te) lange woorden moeten worden afgebroken. Hiermee zorg je ervoor dat lange woorden op kleine schermen op de juiste plek worden afgebroken zonder dat er afbreekstreepjes worden getoond als de tekst niet over meerdere regels valt. 

Afbeeldingen die je upload in PNG worden niet langer omgezet naar JPG, maar kunnen worden getoond in het type waarin ze zijn geüpload. Zo weet je zeker dat de afbeelding die je uploadt, wordt getoond in de aangeleverde kwaliteit.

In bepaalde situaties is het mogelijk om bij het toevoegen van een interne link door te verwijzen naar een specifiek element wat lager op de betreffende pagina staat. Wanneer dat het geval is verschijnt er bij het kiezen van de bestemming een schuifje om de componenten van de bestemmingspagina open te klappen. Zo kun je eenvoudig het gewenste element selecteren. Wanneer de bezoeker op de link klikt opent de betreffende pagina en scrollt het scherm omlaag tot bij het geselecteerde element. 

In CMS 5.1 is de versie van het onderliggende Symfony framework bijgewerkt. Voor verbeterde veiligheid zijn cookies tegenwoordig standaard versleuteld. En om de stabiliteit verder te waarborgen zijn selenium tests flink uitgebreid.

Meer informatie over hoe je componenten toevoegt aan je website kun je lezen in onze handleiding.

Deze nieuwe features zijn beschikbaar in iWink CMS 5.1 Ben je al klant en heb je nog een website met iWink CMS 4? Neem eens contact op om te kijken wat de mogelijkheden zijn om jouw website te updaten naar de laatste versie van ons CMS. We zullen je dan ook informeren over alle andere verbeteringen in ons CMS.

We zijn benieuwd wat je van de nieuwe versie van CMS vindt. Heb je ideeën of suggesties hoe we CMS verder kunnen verbeteren? Deel ze met ons via het Feedback formulier, of neem rechtstreeks contact op.