Gutenberg vs. Elementor: Een pagina bouwen

Laten we het tot slot hebben over het bouwen van een pagina met Gutenberg en Elementor. Beide hebben vergelijkbare structuren en zijn drag and drop.

Een pagina bouwen met Gutenberg

Om een pagina te bouwen met WordPress Gutenberg, moet je gewoon op het zwarte plusteken in de pagina-editor klikken en vervolgens het gewenste blok selecteren.

Gutenberg blok toevoegen

Om inhoud aan het blok toe te voegen, plaats je je cursor over het blok en klik je erop. Begin vervolgens te typen! Het is heel eenvoudig. U kunt het blok ook aanpassen via het paneel met opties aan de rechterkant van het scherm. Dit zal veranderen afhankelijk van het blok en het bloktype dat je momenteel hebt geselecteerd.

Om een blok te verplaatsen, klikt u op de drie puntjes ernaast en vervolgens op Verplaatsen naar.

Gutenberg blokopties

Dat is het voor het bouwen van pagina's met Gutenberg! Alles is gewoon een combinatie van deze kleine stappen: blokken toevoegen, aanpassen en op de pagina plaatsen.

Een pagina bouwen met Elementor

Elementor heeft een complexere lay-out die er heel anders uitziet dan de standaard WordPress setup. Maar Elementor leren gebruiken is eigenlijk eenvoudiger dan het lijkt.

Om een item toe te voegen, moet je het vanuit het paneel links naar de ruimte rechts slepen:

Zodra je een item hebt gesleept, kun je het verplaatsen door het te verslepen. Simpel!

U kunt ook op het kleine plusteken in het venster zelf drukken en zo een element selecteren.

Om de inhoud te bewerken plaats je je cursor op het element en klik je erop. Aan de linkerkant zie je een paneel met verschillende stylingopties. Afhankelijk van het blok kun je de inhoud ook direct in het paneel bewerken.

In de afbeelding hieronder kunnen we bijvoorbeeld de tekst Add Your Heading Text Here bewerken in het zijpaneel of in de preview.

Elementor Editor inhoudsinstellingen

Vergeleken met Gutenberg heeft Elementor meer ontwerp- en aanpassingsopties in de editor.

Dit komt omdat Elementor is ontworpen om op zichzelf te staan, terwijl Gutenberg meer geïntegreerd is met WordPress. Als zodanig zullen de meeste ontwerpopties voor Gutenberg in de WordPress customizer zitten, in plaats van in de page builder.

Tot slot, om een blok te verplaatsen, klik en sleep je gewoon het pictogram in het midden van de blauwe blokgreep, met 6 puntjes.

Als je het ingedrukt houdt, kun je het verslepen. Voilà!

Pagina's maken in Elementor is vrij eenvoudig en je kunt alles direct in de editor bewerken en aanpassen. U hoeft geen voorbeeld van de pagina te bekijken om te zien hoe hij eruit komt te zien.