Er zijn tientallen en tientallen page builders op de markt, en je vraagt je vast af: wat is er zo speciaal aan Page Builder Sandwich? Waarom zou je de moeite nemen om het te gebruiken als je er al eentje tot je beschikking hebt?
In dit artikel som ik een aantal belangrijke functies van Page Builder Sandwich op die het uniek maken, en een absolute must-have voor zowel contentmakers als ontwerpers. Als je niet weet wat een page builder is en waarom je er een nodig hebt, maak je geen zorgen, we hebben materiaal dat je op weg kan helpen.
1. Je ziet niet alleen een visuele weergave van je content, je ziet en bewerkt je daadwerkelijke content
In andere page builders zie je vlakken die je content slechts representeren. Je maakt voornamelijk lay-outs met blokken en rechthoekige vormen, en het resultaat lijkt meer op een kader van hoe je content er uiteindelijk op je pagina uit zou komen te zien. Dit leidt tot constant klikken op de voorbeeldknop om te zien hoe de resultaten eruitzien.
Met Page Builder Sandwich vindt alle bewerking plaats in de front-end van je site en bewerk je je content direct, voor een echte what-you-see-is-what-you-get-ervaring.
2. Snel en eenvoudig direct bewerken zonder al die vervelende pop-upvensters
Pop-ups zijn een vast onderdeel geweest van page builders. Bij de meeste moet je, als je iets in je lay-out wilt bewerken – of het nu een koptekst, een knoptekst of een korte slagzin is –, eerst wachten tot er een pop-upvenster opent om daarin je wijzigingen door te voeren.
We hebben het ons doel gemaakt om het gebruik van pop-ups overal in Page Builder Sandwich tot een minimum te beperken. Door pop-ups te verwijderen, is het bewerken van content eenvoudiger en soepeler dan ooit gemaakt.
Bewerken gebeurt op een ongecompliceerde manier – klik op je tekst om je cursor daar te plaatsen en begin direct met typen. Je hoeft niet langer te wachten op een pop-upvenster met een TinyMCE-editor om te beginnen met bewerken. Het mooiste is dat je je content nog steeds kunt slepen en neerzetten.
Een andere innovatie die bijdraagt aan probleemloos bewerken, is de altijd aanwezige inspector. De inspector fungeert als je gereedschapskist en eigenschappenbewerker. Gereedschappen voor het opmaken van je content: tekstkleuren, kopteksten, lettergrootteaanpassingen, marges, paddings, kaders, blockquotes en nog veel meer zijn met één eenvoudige klik binnen handbereik.
3. Hergebruikte WordPress-functionaliteit
Iets anders dat ons is opgevallen bij andere page builders is dat ze vaak het wiel opnieuw uitvinden. Sommige implementeren hun eigen kleurkiezers, afbeelding-uploaders, galerijmakers en diverse andere tools. Daar is op zich niets mis mee, maar WordPress is een schatkamer aan codefragmenten, dus waarom zou je die niet gebruiken?
WordPress is een enorm en prachtig platform en bevat veel handige tools die gebouwd zijn door tal van fantastische bijdragers. Page Builder Sandwich maakt zoveel mogelijk gebruik van functionaliteit die al standaard in WordPress zit.
In plaats van onze eigen kleurkiezer te gebruiken, gebruiken we de Iris-kleurkiezer. In plaats van een eigen afbeelding-uploader, gebruiken we de mediamanager. Daarnaast zijn er nog backbonejs, underscorejs, wp.hooks en wp.shortcode, om nog een paar handige scripts te noemen. We gebruiken ze allemaal, en dit heeft ons leven makkelijker gemaakt en leidt bovendien tot een stabielere codebase.
Het hergebruiken van functionaliteit van WordPress heeft ook voor een aantal geweldige verrassingen gezorgd. Omdat we bijvoorbeeld de mediamanager gebruikten om afbeeldingen in te voegen, was het een aangename verrassing dat we nu direct ook WordPress-galerijen, video- en afspeellijsten en externe URL’s konden ondersteunen. We konden ook gewoon de mediamanager gebruiken voor het bewerken van afbeeldingen, wat uren aan onnodige ontwikkelingshoofdpijn scheelde.
4. Toetsenbordnavigatie en sneltoetsen
In andere page builders is de muis je beste vriend. Je sleept en zet er dingen mee neer en dubbelklikt op elementen om ze te bewerken. Maar het toetsenbord wordt vaak over het hoofd gezien.
In sommige builders kun je bijvoorbeeld niet eenvoudig tekst bewerken in een alinea/sectie boven waar je aan het bewerken bent, omdat je eerst een pop-upvenster moet wegklikken en in een nieuwe moet klikken. In Page Builder Sandwich kun je met je toetsenbord navigeren. Gebruik de pijltjestoetsen om tussen je content te navigeren; het werkt zelfs als je andere content weggestopt zit in een andere rij of kolom.
Een andere belangrijke functie zijn de sneltoetsen voor ongedaan maken en opnieuw uitvoeren. Ze lijken op het eerste gezicht misschien niet veel bijzonders, maar denk hier eens over na: wat als je per ongeluk je content naar de verkeerde plek sleept? In sommige page builders moet je het weer terug naar de oorspronkelijke positie slepen. In Page Builder Sandwich werken zowel ‘ongedaan maken’ als ‘opnieuw uitvoeren’. Dus of je nu wilt herzien wat je hebt getypt of je versleepte content (of meerdere versleepte elementen) wilt terugzetten, gebruik gewoon ‘ongedaan maken’ of ‘opnieuw uitvoeren’. Ongedaan maken en opnieuw uitvoeren werkt voor versleepte content en zelfs voor eigenschapswijzigingen zoals lettergroottes en rijpaddings. Dit maakt ze tot krachtige tools in je bewerkingsarsenaal.
5. Een echte front-end page builder – Een meer ontspannen en zorgeloze bewerkingservaring
Onze instelling tijdens de ontwikkeling was dat bewerken in de front-end niet moet aanvoelen alsof je nog steeds met back-endtools aan het bewerken bent. Het mag niet aanvoelen alsof de builder aanvankelijk voor de back-end is gemaakt en vervolgens naar de front-end is overgezet.
Al met al is voor mij de belangrijkste onderscheidende factor van Page Builder Sandwich dat we het hebben gebouwd met als doel een “echte” front-end page builder te zijn – een hernieuwde visie op hoe front-end bewerken zou moeten zijn.