Fem una breu comparació entre l'editor en blocs de WordPress i Elementor i Divi, dues aplicacions per dissenyar pàgines WordPress fàcilment.
Per alegria de molts i consternació d'altres, amb el llançament de la versió 5.0 de WordPress el 2018, l'anomenat editor Gutenberg va passar a ser l'eina per defecte per crear, modificar i donar format a una pàgina WordPress.
No obstant això, aquesta aplicació no és l'única disponible per crear una pàgina web a WordPress: de fet, pots afegir aplicacions per personalitzar fins al més mínim detall del disseny de la teva web sense necessitat de coneixements tècnics.
En general, l'editor Gutenberg en blocs funciona bé per a pàgines amb una presentació simple i continguts bàsics, però si voleu perfeccionar l'estil i tenir control sobre tot l'espaiat i altres elements de disseny, segurament et convingui més un editor visual com a Elementor o Divi.
Per ajudar-vos a decidir quin és millor en el vostre cas, hem preparat aquesta petita guia. Anem a això!
1. Què és Gutenberg
Si vols crear una pàgina web, al marge de contractar un equip de dissenyadors, tens dues opcions: utilitzar una plataforma de gestió de continguts (CMS) com WordPress o una eina de disseny com Simply Site.
De totes les opcions disponibles, WordPress és la més usada del món. Les raons són múltiples, però les podríem resumir en tres:
- WordPress és gratuït!
- Sempre està actualitzat amb les últimes prestacions i, com que és un servei en autogestió, permet als usuaris buscar el millor hosting.
- Ofereix un amplíssim ventall de dissenys, complements, funcions…
Amb totes aquestes prestacions i possibilitats, però, ve certa corba d'aprenentatge. És a dir que, a l'hora de dissenyar la pàgina, WordPress no és l'eina més intuïtiva.
El sistema de creació de continguts integrat al WordPress és l'editor Gutenberg, comunament anomenat «editor de blocs». Forma part del nucli o codi original de WordPress, per la qual cosa no cal afegir complements per utilitzar-lo .
Gutenberg es basa en la inserció d'elements anomenats Blocs que tenen diferents funcions: text simple, imatges, arxius dàudio, galeries de fotos, botons, taules…
Això no obstant, els elements de disseny generals —com les capçaleres o els botons— depenen en gran mesura de la configuració del tema escollit. Tot i que és possible personalitzar certs aspectes, les opcions són extremadament limitades. Normalment, per modificar els temes a plaer, cal saber programació per editar el codi.
De fet, Gutenberg és una eina d'escriptura: està dissenyada i optimitzada per crear contingut de text per a la web, enriquit amb elements com ara capçaleres, imatges o llistes. Dit d'una altra manera, és ideal per redactar articles de bloc.
2. Què són els editors visuals
Els editors visuals, també anomenats constructors o pàgina de constructors, són un tipus de plugin que s'afegeix a WordPress i que serveixen com a maquetador visual per dissenyar la pàgina web més fàcilment.
En lloc d'haver d'editar els fitxers HTML o CSS mitjançant una interfície intuïtiva pots afegir, treure, moure i modificar lliurement blocs d'elements o elements solts (com textos, ginys o eines) arrossegat i deixant anar a la mateixa pàgina.
A causa de la seva facilitat dús, aquests plugins de disseny de pàgines WordPress són molt populars. De tots els disponibles, Elementor i Divi són actualment els principals:
- Elementor és un plugin compatible amb un munt de plantilles de WordPress. La versió gratuïta et permet dissenyar pàgines i entrades de bloc. Amb la versió de pagament, a més, podeu personalitzar gairebé totes les parts i la disposició d'un lloc web.
- Divi Builder és un altre etern preferit entre els usuaris de WordPress. Aquest maquetador potent és compatible amb moltes plantilles i inclou els dissenys de Elegant Themes i més de 100 layouts. Té un gran catàleg dʻelements, a més dʻun munt dʻopcions de personalització. No obstant això, no hi ha una versió gratuïta.
3. Diferències entre Gutenberg, Divi i Elementor
Editor de blocs Gutenberg
Això és el que podeu fer amb l'editor de blocs Gutenberg:
- Utilitzar més de 25 tipus de blocs, tant elements essencials (com text i imatges) com algunes opcions més avançades (com taules i botons).
- Personalitzar algunes de les opcions de cada bloc, així com alguns paràmetres generals de la plantilla.
- Reorganitzar els blocs al teu gust i afegir o eliminar els que vulguis.
- Crear un disseny de columnes molt bàsic.
Elementor
El plugin d'Elementor us permet:
- Accedir a més de 30 elements diferents (així s'anomenen els blocs en aquest plugin): galeries d'imatges, valoracions, testimonis, icones socials, molles de pa, etc.
- Triar plantilles de pàgines i seccions.
- Veure els canvis en viu, és a dir, visualitzar en temps real totes les modificacions que vas fent sense necessitat d'actualitzar o desar canvis.
- Crear dissenys més complexos amb diverses columnes.
- Tenir control pel que fa a l'espaiat, inclosos els marges i el farciment.
- Canviar opcions de format de cada giny i secció.
A més, la versió prémium d'Elementor ofereix moltes més funcions avançades, com fòrums, diapositives o llistes de preus, així com la possibilitat de dissenyar les teves capçaleres, peus de pàgina i altres parts del teu lloc, fer servir l'efecte parallax, crear una pàgina «en construcció» o posar la teva web en mode manteniment.
Divi Builder
Amb Divi, pots:
- Utilitzar més de 45 mòduls personalitzables (un altre sinònim de Blocs o elements).
- Aplicar controls destil de tot tipus per canviar laspecte dels mòduls.
- Crear dissenys complexos, amb diverses columnes i fins i tot files amb una barreja de diverses columnes o ample complet.
- Afegir marges i farcits per controlar l'espaiat.
- Triar funcions avançades com portafolis, testimonis, mapes, formularis, comptadors i molt més.
- Desar els teus dissenys per reutilitzar-los.
Com podeu veure, les àrees en què sobresurten tant Divi com Elementor en comparació amb l'editor Gutenberg són les capacitats per personalitzar el format, les columnes i l'espaiat.
L'editor de blocs funciona perfectament per a disposicions i estils bàsics. Però si voleu un control precís sobre el disseny, les característiques d'Elementor o Divi us resultaran molt més útils.
A l'hora d'escollir entre Divi i Elementor, val la pena fer esment que tenen algunes diferències. Tots dos són maquetadors web visuals, però, mentre que Divi sol ser una mica complicat per als novells, aprendre a fer servir Elementor és molt fàcil. D'altra banda, Divi ofereix un munt de plantilles de portfoli per mostrar els teus treballs, però l'Elementor té una eina especial per crear finestres emergents.
4. El veredicte
Així doncs, la pregunta del milió és quin editor utilitzar?
Per crear entrades de bloc, Gutenberg és genial. Però per a les pàgines estàndard, no tant.
La funció concreta dels editors visuals és crear pàgines web. Per tant, ofereixen una millor experiència de disseny, ja que permeten personalitzar les pàgines en viu i tenen més opcions per configurar els diversos elements que les componen.
Si mai no has utilitzat un editor web, Gutenberg és una opció excel·lent per començar. És simple i fàcil dusar, i et servirà per decidir si t'agraden les eines d'arrossegar i deixar anar.
Si bé té menys opcions de personalització, segueix sent molt útil per crear pàgines daparença professional, però simples i clares. En particular, és ideal per als llocs web que se centren en el contingut en lloc dels gràfics.
A més, el codi generat és molt més lleuger i no sobrecarrega les pàgines. Per això mateix, per crear les publicacions de bloc, sempre convé fer servir Gutenberg i no un editor web.
Si us agrada el funcionament de Gutenberg, però voleu més flexibilitat, podeu provar Elementor o Divi: el primer és ideal si per a tu és fonamental treballar amb una interfície intuïtiva, mentre que la segona és perfecta si busques el màxim de possibilitats de disseny.
A més, recorda que no necessàriament has de triar entre l'un i l'altre. Pots utilitzar Gutenberg per a les parts bàsiques i fer servir Elementor o Divi quan necessitis una mica més de potència.
Aprèn a crear la teva primera pàgina web a WordPress
El proper 8 de novembre de 2022, a Nominalia vam organitzar un curs presencial d'iniciació a WordPress a Barcelona.
De 10 a 14 hores, parlarem de WordPress i de SEO, i tornaràs a casa amb la teva pàgina web llesta. Aquest curs valorat en més de 300€ té un preu simbòlic de 15€. Apunta't ja, les places són limitades!