SlideShare une entreprise Scribd logo
1  sur  11
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
Compositores Visuales
Page Builders
Maquetadores
Sí, los uso
Sí, los uso
ALGUNOS CONOCIDOS
WPBakery
Divi Elementor
Page Builder by SiteOrigin
VENTAJAS
PUEDO EDITAR MI WEB
INCONVENIENTES
VISTA/CONTROLADOR
ESTILO UNIFICADO
Nº DE OPCIONES/COMPLEJIDAD
PARA APRENDER, MEJOR
APRENDER ESTÁNDARES
SUELEN SER DE PAGO/FREEMIUM
$
LOCK-IN
EVOLUCIÓN
DATOS GOOGLE TRENDS
WordPress se pone las pilas
Gutenberg
Gutenberg en acción
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
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

Contenu connexe

Tendances

¿Por qué usar Web Starter Kit?
¿Por qué usar Web Starter Kit?¿Por qué usar Web Starter Kit?
¿Por qué usar Web Starter Kit?Julio Silva
 
Cuadros comparativos wordpress y google sites
Cuadros comparativos wordpress y google sites Cuadros comparativos wordpress y google sites
Cuadros comparativos wordpress y google sites elajimenezurieles
 
Yuridia, herramientas.
Yuridia, herramientas.Yuridia, herramientas.
Yuridia, herramientas.Bravo-1
 
Blanca herramientas
Blanca herramientasBlanca herramientas
Blanca herramientasgamanolasco
 
Como crear un blog
Como crear un blogComo crear un blog
Como crear un blogAMARIANGRCIA
 
Google Chrome
Google Chrome Google Chrome
Google Chrome avila345
 
Qué son y para qué sirven los Hangouts de Google+
Qué son y para qué sirven los Hangouts de Google+Qué son y para qué sirven los Hangouts de Google+
Qué son y para qué sirven los Hangouts de Google+econred
 
Claudio Adrian Natoli - Tendencias en el diseño web 2015
Claudio Adrian Natoli - Tendencias en el diseño web 2015Claudio Adrian Natoli - Tendencias en el diseño web 2015
Claudio Adrian Natoli - Tendencias en el diseño web 2015Claudio Adrian Natoli Michieli
 

Tendances (11)

¿Por qué usar Web Starter Kit?
¿Por qué usar Web Starter Kit?¿Por qué usar Web Starter Kit?
¿Por qué usar Web Starter Kit?
 
Cuadros comparativos wordpress y google sites
Cuadros comparativos wordpress y google sites Cuadros comparativos wordpress y google sites
Cuadros comparativos wordpress y google sites
 
Yuridia, herramientas.
Yuridia, herramientas.Yuridia, herramientas.
Yuridia, herramientas.
 
Blanca herramientas
Blanca herramientasBlanca herramientas
Blanca herramientas
 
Powerpoin
PowerpoinPowerpoin
Powerpoin
 
Como crear un blog
Como crear un blogComo crear un blog
Como crear un blog
 
Pres3_IDE08188065
Pres3_IDE08188065Pres3_IDE08188065
Pres3_IDE08188065
 
Google Chrome
Google Chrome Google Chrome
Google Chrome
 
Qué son y para qué sirven los Hangouts de Google+
Qué son y para qué sirven los Hangouts de Google+Qué son y para qué sirven los Hangouts de Google+
Qué son y para qué sirven los Hangouts de Google+
 
Claudio Adrian Natoli - Tendencias en el diseño web 2015
Claudio Adrian Natoli - Tendencias en el diseño web 2015Claudio Adrian Natoli - Tendencias en el diseño web 2015
Claudio Adrian Natoli - Tendencias en el diseño web 2015
 
MENU
MENUMENU
MENU
 

Similaire à Beatriz lavela compositores visuales - video v3.0

Similaire à Beatriz lavela compositores visuales - video v3.0 (20)

Weebly
WeeblyWeebly
Weebly
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Andres web 2.0
Andres web 2.0Andres web 2.0
Andres web 2.0
 
3 dslideshare
3 dslideshare3 dslideshare
3 dslideshare
 
Diseño de web
Diseño de webDiseño de web
Diseño de web
 
Trabajo completo
Trabajo completoTrabajo completo
Trabajo completo
 
Trabajo completo
Trabajo completoTrabajo completo
Trabajo completo
 
La importancia de una web. El CMS (Mayo 2017)
La importancia de una web. El CMS (Mayo 2017)La importancia de una web. El CMS (Mayo 2017)
La importancia de una web. El CMS (Mayo 2017)
 
Magia con Drupal
Magia con DrupalMagia con Drupal
Magia con Drupal
 
Presentacion de navegadores
Presentacion de navegadoresPresentacion de navegadores
Presentacion de navegadores
 
Todo sobre dreamweaver
Todo sobre dreamweaverTodo sobre dreamweaver
Todo sobre dreamweaver
 
El aula en la web 2.0
El aula en la web 2.0El aula en la web 2.0
El aula en la web 2.0
 
Pasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebPasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitioweb
 
Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos
Los page builders en WordPress: qué son, y como usarlos para diseñar contenidosLos page builders en WordPress: qué son, y como usarlos para diseñar contenidos
Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos
 
Word press
Word pressWord press
Word press
 
Paginas web
Paginas webPaginas web
Paginas web
 
Adoble dreanweare1
Adoble dreanweare1Adoble dreanweare1
Adoble dreanweare1
 
Diariomotor Presentación PHPVigo
Diariomotor Presentación PHPVigoDiariomotor Presentación PHPVigo
Diariomotor Presentación PHPVigo
 
Wordpress
WordpressWordpress
Wordpress
 
SEO para desarrolladores
SEO para desarrolladoresSEO para desarrolladores
SEO para desarrolladores
 

Dernier

institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 

Dernier (9)

institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 

Beatriz lavela compositores visuales - video v3.0

Notes de l'éditeur

  1. 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
  2. No hay que meter todos en el mismo saco…
  3. 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.
  4. Estos inconvenientes puede ser de uno o varios de los plugins, no tienen por qué ser de todos…
  5. 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
  6. 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.
  7. 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.
  8. 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.
  9. 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.