MAGLR BLOG / 02 January 2019

Sneller werken in de nieuwe template editor

Een update waar we al een tijd aan werken is een nieuwe versie van de template editor. Deze week hebben we het eerste deel hiervan live gezet, waarbij we ons hebben gefocust op de lay-out van de editor. Wat direct zal opvallen is dat er een nieuwe interface is. Het heeft een andere indeling waarbij je sneller kunt werken en de instellingen en mogelijkheden makkelijker kunt terugvinden. 

Het grootste deel van de editor werkt nog precies zoals voorheen. In onderstaande overzicht zijn de onderdelen die helemaal nieuw zijn te zien. 




Een nieuwe interface

Een aantal panelen zijn verplaatst. In de linkerkant heb je de mogelijkheid om elementen toe te voegen, te wisselen van een pagina of te schakelen tussen de mobiele/desktop weergave. Aan de rechterkant bewerk je de opties van een element of wissel je tussen lagen. De kleine pop-up menu’s zijn helemaal vervangen met overzichtelijke zijpanelen.

Formulieren
De optie om zelf formulieren op te zetten binnen een pagina, is nieuw. Een formulier sleep je als contentblok in de pagina. Binnen dit formulier kan je vervolgens allerlei andere elementen toevoegen. Ieder formulier-element voorzie je zelf van de nodige instellingen, samen met een e-mail adres waar de reacties naartoe worden verzonden. Ingevulde informatie wordt niet opgeslagen in Maglr maar direct doorgestuurd naar het desbetreffende e-mail adres. Via de gekoppelde kleurstijl kan je de elementen een basiskleur geven.

Eenvoudige animaties
Een veel gevraagde feature vanuit klanten was de optie om simpele animaties op elementen te plaatsen, dit is mogelijk vanaf nu! Vanuit het menu aan de rechterkant kan je op ieder element een animatie toepassen. De mogelijkheden zijn niet zo uitgebreid als in de Pro editor, maar zeker voldoende om elementen op een pagina net wat meer aandacht te geven.

Buttons die bij je huisstijl passen
De algemene buttons zijn nu beter in te stellen. Je kan kiezen uit een aantal presets, of zelf alle mogelijke variabelen aanpassen zodat de button beter past bij je specifieke huisstijl.

Scroll naar link optie
Onder een button is er een nieuwe link bijgekomen. Door de toename van longread templates wordt er steeds vaker gevraagd naar een mogelijkheid om verticaal naar een specifiek deel in de pagina te linken. Je sleept een scrollpunt als contentblok op de specifieke plek in je pagina waarna je de button hier naartoe kunt linken. 

Wat is er nog meer verbeterd?


Controle of tekst op kleinere schermen past
Een pagina moet op meerdere schermen kunnen werken. Kies je voor een fullscreen pagina, dan kan het zijn dat de inhoud die erin is gesleept op een kleiner scherm niet meer past. De nieuwe editor geeft hier nu een duidelijkere melding van. Op basis van deze melding kan je de inhoud aanpassen of eventueel de bijkomstige scrollbalken accepteren. 

Eenvoudiger onderdelen dupliceren
Kies je voor een slideshow, tabbar of bulletlist? Dan heb je te maken met elementen die gepubliceerd en verplaatst moeten worden. Tot op heden was deze mogelijkheid in de oude editor niet altijd even duidelijk. In de nieuwe update staan deze controls duidelijker in beeld.
 

Uitgebreidere video instellingen
Browsers hebben langzaam aanpassingen gemaakt waardoor autoplay video niet altijd meer even goed werkt. Een voorwaarde is dat geluid tegenwoordig uit moet staan om een autoplay video te kunnen starten. Bij een video kan je nu kiezen om een extra geluidsbutton toe te voegen wat ervoor zorgt dat het geluid bij de autoplay video te horen is zodra je op de button klikt. 

Afbeelding in nieuwe verhouding weergeven
Als je een afbeelding als contentblok in de pagina sleept, dan heb je meerdere manieren om het beeld binnen het blok uit te lijnen. Een nieuwe optie is een afbeelding in de originele verhouding weer te geven. Het kader past zich dan automatisch aan op de verhouding van de foto. 

Font sizes
De nieuwe editor maakt vanaf nu gebruik van fontsizes. Je kan een formaat handmatig invoeren of kiezen voor een aantal standaard formaten. Gebruik je een standaard formaat, dan schakelt het systeem automatisch terug naar een kleinere fontsize op mobiel. Pas je zelf een fontsize aan? Dan moet dit formaat ook zeker even apart op mobiel controleren. Het is handig om te weten, dat je bij de invoer van een fontsize ook het kader kan verslepen om snel de waarde op te hogen.  

Onzichtbaar zetten van elementen
Het onzichtbaar zetten van elementen hebben we verplaats. Onderaan in het rechter menu heb je de optie om een element op inactief te zetten. Bij het openen van een pagina geeft het systeem linksonder in beeld een melding als er al eerder elementen op onzichtbaar zijn gezet. Klik op het icoon om te zien welke onderdelen dit zijn. 

Wat volgt in deel twee van deze update?


We zijn nu bezig met de tweede update voor de template editor. Hier focussen we ons vooral op de templates zelf. We zijn een nieuwe set aan het ontwikkelen die dynamischer in te zetten is. Onderdelen in templates zijn beter te dupliceren en zelf compleet te wisselen als de template niet goed past. Lees hier meer over deze aankomende update.