Dit artikel geeft een kort overzicht van hoe Page Builder Sandwich werkt, en is bedoeld als introductie voor diegenen die geïnteresseerd zijn in hoe onze page builder integreert met verschillende onderdelen van WordPress. Ik zal niet ingaan op de afzonderlijke functies van Page Builder Sandwich; als u die wilt zien, ga dan naar onze videopagina waar we elke functie afzonderlijk laten zien met korte screencasts.
Als u wilt weten waarin Page Builder Sandwich verschilt van de andere page builders die er zijn, bekijk dan ons artikel How Page Builder Sandwich Is Different from the Rest.
Waar is het? En wat kan ik ermee bewerken?
In tegenstelling tot veel andere page builders bevindt Page Builder Sandwich zich in de frontend van uw website. Als u zich in de backend bevindt, hebben we naast de knoppen van de content editor een knop “Frontend” geplaatst die u naar de frontend van uw pagina brengt.
Met Page Builder Sandwich kunt u uw berichten, pagina’s en content van custom post types bewerken. Het stelt u echter niet in staat om direct uw verzamelde blogberichten op de voorpagina en andere niet-individuele gedeelten op uw site te bewerken. Zie het maar zo: als hetgeen u wilt bewerken een content editor heeft in de backend (zoals “Nieuw bericht” en “Nieuwe pagina”), dan kan Page Builder Sandwich worden gebruikt. U kunt uw afzonderlijke pagina’s en blogberichten bewerken, en als u bijvoorbeeld een plug-in hebt die restaurantmenu’s of portfolio-items toevoegt, kunt u die ook bewerken.
In de frontend hebben we een blauwe knop “Edit with Page Builder Sandwich” in uw beheerbalk geplaatst. Klik daarop om uw pagina te bewerken.
Directe contentbewerking
Met Page Builder Sandwich hebben we het bewerken van content zo eenvoudig en pijnloos mogelijk gemaakt. Content bewerken is ongecompliceerd en eenvoudig: gewoon klikken en typen. Zo simpel is het.
Introductie van de inspector
We hebben gemerkt dat veel page builders veel pop-ups hebben. Persoonlijk hou ik niet van pop-ups omdat ze afleidend werken en eigenlijk zeggen: “hé, stop waar je mee bezig bent totdat je eerst deze velden invult”. Ze verstoren de flow van een verder soepele bewerkingservaring. Daarom hebben we het gebruik van pop-ups over de hele linie tot een minimum beperkt, en hebben we in plaats daarvan de inspector gecreëerd.
De inspector is een zijbalkachtig gedeelte dat alle opmaak- en lay-outhulpmiddelen bevat die u ooit nodig zult hebben. De inspector kan aan de linker- of rechterkant van uw scherm worden vastgezet, zodat u gemakkelijk kunt zien wat u bewerkt.
Vanuit de inspector kunt u verschillende teksteigenschappen aanpassen, zoals koppen, lettergroottes, vet, cursief, tekstkleuren en nog veel meer. Daarnaast kunt u er afbeeldingen mee toevoegen en rijen of inhoud in kolommen maken. Het is ook geschikt voor meer geavanceerde bewerkingen, zoals het aanpassen van rijen naar de volledige paginabreedte, achtergrondkleuren van rijen en kolommen, verticale uitlijning van inhoud, evenals marges en achtergronden. Het is behoorlijk krachtig en u zult merken dat u het grotendeels gebruikt.
Integratie met WordPress-thema’s
Page Builder Sandwich bevat van nature bijna geen eigen stylings. Wanneer u uw content bewerkt, zijn de stijlen die u ziet grotendeels gebaseerd op uw thema.
Integratie met shortcodes
Shortcodes zijn een belangrijk aspect in WordPress en waarschijnlijk gebruikt u een handvol shortcodes op uw site. Page Builder Sandwich gaat hier uitstekend mee om, waarbij uw shortcodes gerenderd worden weergegeven in de frontend. Shortcodes blijven ook bewerkbaar, en het mooiste is: nadat u uw shortcodes hebt bewerkt, worden ze opnieuw gerenderd met uw wijzigingen erin.
Voor het gemak kunt u uw shortcodes bewerken met behulp van de inspector. Als u meer controle wilt, kunt u ook dubbelklikken op shortcodes om ze in hun ruwe vorm te bewerken. Daarnaast worden alle shortcodes die beschikbaar zijn op uw website weergegeven in de inspector, zodat u ze eenvoudig in uw content kunt opnemen.
Hoe zit het met website-bloat?
Wie houdt er van trage websites? Wij niet, en u zeker niet. We hebben ervoor gezorgd dat Page Builder Sandwich vrijwel geen invloed heeft op de prestaties van uw website. Wanneer u bent uitgelogd, worden er op zijn minst alleen CSS-stijlen voor rijen en kolommen ingeladen, samen met de benodigde JS- en CSS-scripts voor de shortcodes die u hebt gebruikt.
Voor ontwikkelaars
Als u een ontwikkelaar bent en u shortcodes in uw WordPress-plug-ins hebt, biedt Page Builder Sandwich een Shortcode-API waarmee u uw klanten eenvoudig velden kunt bieden om uw shortcodes gemakkelijk aan te maken en te wijzigen.
Als u de mogelijkheden verder wilt uitbreiden of wilt integreren met bepaalde onderdelen van Page Builder Sandwich, hebben we ook een reeks nuttige action- en filter-hooks die u kunt gebruiken.