1. W O L F w w w . w e b s i t e . c o m 1
W o r d C a m p M a d r i d 2 0 1 8 B E A T R I Z L A V E L A P É R E Z
Compositores
Visuales
Guarden los cuchillos
2. W O L F w w w . w e b s i t e . c o m 2
Compositores Visuales
Page Builders
Maquetadores
Sí, los uso
3. W O L F w w w . w e b s i t e . c o m 3
Sí, los uso
ALGUNOS CONOCIDOS
WPBakery
Divi Elementor
Page Builder by SiteOrigin
4. W O L F w w w . w e b s i t e . c o m 4
VENTAJAS
PUEDO EDITAR MI WEB
5. W O L F w w w . w e b s i t e . c o m 5
INCONVENIENTES
VISTA/CONTROLADOR
6. ESTILO UNIFICADO
Nº DE OPCIONES/COMPLEJIDAD
PARA APRENDER, MEJOR
APRENDER ESTÁNDARES
SUELEN SER DE PAGO/FREEMIUM
$
LOCK-IN
8. W O L F w w w . w e b s i t e . c o m 8
WordPress se pone las pilas
Gutenberg
9. W O L F w w w . w e b s i t e . c o m 9
Gutenberg en acción
10. W O L F w w w . w e b s i t e . c o m 10
Conclusiones
• Los humanos quieren tocar su web
• Solución mixta
• Gutenberg promete, pero tiene muchas críticas.
• No-facilidad de uso.
• Mucha gente no querrá aprendrer
• Compatibilidad con desarrollos antiguos
• Gutenberg crecerá, pero le queda
• No sabemos por dónde saldrá esta gran revolución
11. W O L F w w w . w e b s i t e . c o m 11
G R A C I A S
B E AT R I Z L AV E L A P É R E Z
@BeatrizLavela
hola@bealavela.es
Notas del editor
WordPress no es para blogs, sin embargo, resulta difícil personalizar nuestras páginas sin conocimientos de html/css o un tema que se ajuste.
Si quiero añadir bloques, debo:
Escribir html/css puro
Que un programador me cree la página y si la quiero editar, tengo que contactar con él para cualquier cambio
A veces el programador me puede crear un shortcode, que permite cierta personalización de variables.
Compro un tema en themeforest que ya tiene el diseño implementado.
El éxito de temas comerciales en Theme Forest y luego en su propio market ha sido incorporar un compositor visual, de manera que el cliente tiene unas propiedades básicas definidas y puede personalizar partes de contenido.
La gente te mira mal cuando dices que lo usas… pero según mi opinión dependerá de cómo los usemos
No hay que meter todos en el mismo saco…
No dependo de shortcodes o la ayuda de un programador, yo mismo puedo editar mis páginas.
Hay muchas otras, como que la mayoría te dejan crear bloques reutilizables, plantillas, cuenta con un banco de plantillas desde la cual partir… En general, el trabajo de maquetar es más rápido… y siempre puedo tocar css para ajustar cositas generales.
Estos inconvenientes puede ser de uno o varios de los plugins, no tienen por qué ser de todos…
A mayor número de opciones, más complejo es manejar el constructor. Si tenemos pocas opciones, puede quedársenos corto el constructor
Dedicamos mucho tiempo a aprender este tipo de constructores, pensando que aprender html o css puede ser complejo. Ya que invertimos nuestro tiempo en aprender, lo suyo es aprender algo que nos pueda servir para todos los temas, y no para el que estemos usando en ese momento
Si bien
En este gráfico podemos ver el auge que han tenido los compositores visuales en los 5 últimos años. Sin entrar a hablar de otras plataformas como Wix o Squarespace, que por mucho que no sean nada óptimas a la hora de construir una web, ofrecen al usuario lo que demanda: poder crear su página web de manera autónoma.
Gutenberg es un nuevo editor de WordPress. Espero que sepáis que recibe el nombre de Johannes Gutenberg, quien inventó la imprenta con teclas móviles hace más de 500 años. Se basa en la misma idea: tener bloques que podamos reutilizar en nuestra web.
Saldrá en la versión 5.0 de WordPress, prevista para antes del tercer trimestre de este año. Matt tiene la Gutenbeard… y parece que le queda un rato para poder cortársela.
Gutenberg está ahora mismo disponible como plugin, pero en la versión 5.0 se integrará en el core.
Os voy a poner este vídeo de fondo… para que veáis un poco cómo funciona Gutenberg. Notad que en la mayoría del vídeo, sólo uso el teclado, cuando use el ratón aparecerá resaltado.
Los humanos quieren meter nuestras patitas en su web. No es un privilegio de desarrolladores, diseñadores, etc. Con los compositores visuales, aprenden rápidamente dónde tocar (a veces también dónde no deben, sin querer).
Soy partidaria de una solución mixta entre Page Builder y Custom Post Types. Si hay taxonomías de información, lo mejor es crear el Custom Posy Type para gestionarla, aunque otras partes de la web se usen mediante page builder.
Gutenberg promete, pero creo que le falta un poco para que sea adoptado por la comunidad de usuarios. Ahora mismo, cunden las críticas, aunque personalmente la última versión la veo bastante chula.
Personalmente, creo que algunos de los usuarios encontrarán un salto en la edición grande. El tener que mover el ratón para ver las opciones puede que no sea tan fácil de entender para todos.
Algunos directamente querrán mantener su TinyMCE
Da un poco de sustete qué pasará con nuestras webs cuando se integre Gutenberg. Mi impresión es que habrá algún plugin que nos traiga de nuevo el TinyMCE de toda la vida. También se habla de hacer un fork de WordPress, para los que no quieran ni oír hablar de esto de Gutenberg.
Veo Gutenberg como un WordPress sin plugins… cuando tengamos temás y plugins para WordPress, es cuando se empezará a ver todo su potencial. Y esta parte la realiza la comunidad, no el core de WordPress.