Gutenberg vs. Elementor: pagina bouw opzet ontwerpen

Logo cursus traing wordpress

Gutenberg vs. Elementor: pagina bouw opzet ontwerpen

vs. : 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 .

Tot slot, om een blok te verplaatsen, klik en sleep je gewoon het 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.


Wil je meer details over Gutenberg vs. Elementor: pagina bouw opzet ontwerpenof info?

Wil je meer informatie? Veel web-designers met interesse in Gutenberg vs. Elementor: pagina bouw opzet ontwerpen bekeken ook de onderstaande veel gelezen handleidingen:


Training of cursus ontwerp en vormgeving

WordPress design en vormgeving

Leer hoe je je website beter en kan ontwerpen en vormgeven in de speciale designcursus:
Design en ontwerpcursus voor WordPress

WordPress Bootcamp

Leer hoe je je WordPress website mooier kan maken en vormgeven in de WordPress Bootcamp spoedopleiding:
Design en ontwerp in WordPress Bootcamp

Info over Gutenberg vs. Elementor: pagina bouw opzet ontwerpen

Neem vrijblijvend contact op met Arthur als je nog vragen hebt over ontwerp, Gutenberg vs. Elementor: pagina bouw opzet ontwerpen en WordPress webdesign.

WordPress designer

Arthur Wentzel, web-designer

06 20 83 05 83

Scroll naar boven