 La siguiente charla es sobre compositores visuales, o sea que guarda los cuchillos. La charla la va a dar Beatriz Lavela, que es desarrolladora de Córdoba, de Malagueña, de adopción. Programa en Java, RP, gestión de equipos. Tiene una aventura personal tu empresa, o guada. También colabora con la comunidad de WordPress, en la mitad de Marbella. Y bueno, ahora os contaré a ella un poco más sobre sus aficiones y demás. Y nada, os dejo con ella y con la charla y que tenemos tras el tirón. Bueno, la charla que se llama Compositores Visuales, guarda los cuchillos. Os explico un poco porque la he llamado así. El año pasado estuve en la Workup de Chiclana. Y Dario Pfefe, otra persona así muy de la comunidad, dio unas charlas que hablaba de los compositores visuales dando su opinión de cómo ciertos plugins, temas y demás están haciendo una labor que el usuario da valor pero que a nivel de programación a lo mejor no son tan correctos, no están tan bien hechos. Yo no sé si es que a mí me interesaba el tema, pero a mí me pareció que fue una de las charlas donde más intentábamos participar en la ronda de preguntas. Y a mí no me dio tiempo a dar mi opinión. Así es que digo, pues ahora me quedo ya gusto y voy a dar mi opinión aquí durante todo el mundo. Ahora hablo yo. Ya fuera de coña, es que yo creo que el tema de los compositores visuales no es un tema nada trivial. Yo creo que de hecho la siguiente revolución de Workup viene marcado por una necesidad que hay, que había en la calle y que hay que cubrir. Entonces ahora mismo lo han cubierto unos cuantos y ahora ya veremos también Workup es que lo que está, cuál es su movimiento. Primero vamos a ver de qué hablamos. Aquí se puede llamar de muchas maneras, compositores visuales, page builders, maquetadores. Básicamente lo que estamos hablando es de, me refiero sobre todo a este tipo de plugin o tema. No me meto en tema de framework y demás, que también podríamos hablar. Pero bueno, ahora mismo lo que yo más o menos me voy a centrar es en esta gente que digamos sería lo más conocido. Ahora que hemos venido todos desde el desayuno, estamos alimentaditos y tal, o a través de levantar las manos los que uséis algunos de estos plugin o temas. ¿Y ahora podéis levantar la mano el que piensa que son el mal? La verdad que me esperaba un poco esta reacción, es que todo el mundo los ponemos verdes, pero mucha gente lo usamos. Yo los uso, la verdad. Entonces, ¿qué es lo que creo que pasa? Workup ya hace tiempo, hace años que hemos descartado que Workup es para blog. Workup no es para blog, ya lo usamos en un montón de páginas web con un montón de funcionalidades, pero ¿qué pasa? Que un usuario que no sea programador te encuentra mucha dificultad en poder manejar su web y darle aspecto visual o comportamiento y demás. Entonces, yo creo que a partir de esa necesidad salió, por ejemplo, CINFORES, que eso sí que es el mal, ahí sí, ahí sí que podemos levantar todas las manos. Es el mal, pero creo que fue el comienzo de otros sistemas como son estos, que quiero decir que ahora voy a hablar de un poco de las ventajas inconvenientes y no quiero meterlos todos en el mismo saco. Ni todos lo hacen igual, ni todos tienen el mismo objetivo, o sea, más o menos dan una funcionalidad, pero algunos son como más respetuosos con el código, otros no tanto. A lo mejor cuando diga un inconveniente se aplica uno a todos, pero quiero dejar claro que es mi opinión personal y que todos no son iguales. Ventajas, bueno, ventajas he puesto una. Puedo editar mi web, pues ya soy independiente del programador, ya no necesito alguien para crear un landing o lo que sea. Luego tienen otras ventajas adicionales, por ejemplo, ahora estos tipos de plugins pues tienen pues una serie de layout muchas veces gratuito, otras veces puedes comprar temas pro y enriquecer, tener diseño, tienen funcionalidades que son la pera, como puede ser tener bloques que puedes reutilizar, biblioteca, o sea, realmente son muy útiles y el usuario fundamentalmente quiere editar su web, es que hay un cambio, incluso yo creo dentro de mi propia cartera de clientes, hemos pasado un paradigma desde el usuario, contrataba un informático, no quería saber nada de su página web, lanzaba una página web y muchas veces ni siquiera se tocaba en años. A un usuario que es más proactivo, o sea, quiero hacer mi web, pero a lo mejor quiero poder ir cambiando fotos o una parte de textos, no estar atado a que el informático me responda. Si yo quiero cambiar el e-mail, pues solamente tener un sitio donde puedo hacerlo y de una manera sencilla. Y ahora viene lo inconveniente que aquí sí me voy a espalhar un poquito más, porque claro, no todo el monte de orégano. Yo el principal problema que le veo es el tema de la vista controlador. Los programadores nos encantan tener vista controlador, datos y presentación, separar los datos. Los datos tienen que estar solos y luego ya lo que hagas con ellos es otra historia. Cuando uno de estos compositores guarda en el content los datos y la presentación. Entonces está todo metido. Eso que pasa que luego cuando el programador quiere hacer otra historia o quiere evolucionar o lo que sea, encuentra una dificultad y es que tienes todo el código enmarañado. Por poner un ejemplo de lo que me refiero, imagina, yo voy a hacer una página de una orquesta. La orquesta tiene su página de home, conocer la orquesta, el director de orquesta y tal. Y luego tiene los conciertos. Con un compositor visual yo puedo crear una plantilla que sea fecha, lugar, nombre, tal, descripción. Y prácticamente enseguida puedo empezar a cargar información de los conciertos y esa página va a tirar y va a funcionar. Y luego, a lo mejor dentro de cuatro años, quiero cambiar de tema o quiero cambiar de sistema o irme, o mudarme a otro gestor que también puede ser. Ahí ya tengo la complicación. Si yo he usado una plantilla, o sea, he usado una plantilla o un compositor y tal, lo tengo todo enmarañado. Para eso, WordPress hace tiempo que tiene el tipo de contenido personalizado, los custom post type, ¿vale? Hay que crear una entidad. Ahí tendría que haber un plugin que se encargue de crear el tipo de contenido concierto, de añadirle sus campos, de presentar su plantilla, con sus CSS y demás. Y ahí ya eso es bien sobrejuala. Ya te puedo ir de tema, te puedo editar. Los datos están etiquetados. Te puedes ir a donde quiera, ¿vale? Entonces, ¿qué es lo que opino yo? Usarlo, pues sí, porque a veces puede ser interesante. Estoy lanzando una idea de negocio. Tengo poco presupuesto. Hay mil razones por las que, pues, a mí me no puedo contratar a alguien o no puedo, no es un plugin que se ajuste a mi necesidad. Y empiezo así, pues sí. Lo importante es empezar. Pero siempre siendo consciente de que nos estamos casando con algo y que ese algo podría en el futuro darnos un problema. Si la idea funciona, pues en cuanto podáis intentar invertir en ir mejorando la web, ¿vale? Y retornando la inversión. ¿Por qué? Porque cuanto más tardes en cambiar, más esfuerzos conlleva hacerlo. Y todos sabemos en este campo el esfuerzo como se traduce en dinerito. Y eso no nos sobra. Entonces, ¿qué pasa? Que si yo quiero cambiar mi web de la orquesta en dos años, pues a lo mejor tengo que reestructurar o recargar 80 conciertos. Si son 5, pues ya es mucho más. Y esto es por poner un ejemplo, ¿vale? Yo no veo males, como os digo, usarlo para las páginas de Conocen o demás. Porque se dice un argumento es como que tú haces el diseño y eso te funciona y tal. Si me quiero ir, pues no estoy atado. Muchas veces, a los 4 años tiramos abajo la huella, la cambiamos, nos venimos arriba y nerviosan, no sé qué, no sé cuánto. No me parece tampoco como algo tan grave. Pero sí en el caso de tener contenido, es una información estructurada. Ahí sí que yo creo que hay que intentar huir para evitar problemas. Otro inconveniente es que pueda ver mientras más opciones de personalización tengas, más complicada la interfaz para trabajar con ella. Si hay algunos que te permiten crear bloques, añadir capas, clases de tal, colores y tal, y es muy reducido. Otros te permiten decir, este bloque tiene los tutulares de un H3, no sé cuánto, vamos a personalizar los botones, los colores, te permiten muchas cosas más. Entonces, no es tan fácil aterrizar en un compósito visual y empezar a funcionar. Tiene su curvada aprendizaje como todo. Mientras más completo, más complicado será aterrizar. Aunque luego, pues, siempre te va a dar más opciones. Y yo pienso, si ya que estás dedicando el tiempo a algo, vamos a aprender un estándar. Yo entiendo que desde mi punto de programadora para mí hace ese, oh, esto es súper chulo, oh, esto me encanta. No todo el mundo le apetece meterse en esa fregada ni quiere ni nada. Pero es que ya que está invirtiendo en tiempo, invirtelo en algo de calidad, o sea que tenemos la estanda, el CSS ya te da igual donde te vayas, que siempre te va a funcionar igual. Entonces, ese esfuerzo aprovecha lo en algo más rentable. Mi opinión, desde que me da miedo el código, que hay gente que entiendo que es complicado. Luego, podemos ver que la mayoría suelen ser de pago o tienen una opción freemium, esta parte gratuita, y luego si quieres las opciones chulas que todos queremos, tienes que pagar, ¿vale? Es un inconveniente, pero también una ventaja, porque mientras que ganen el dinero van a estar ahí desarrollando y actualizando. Entonces, pues no veo mal que la gente que invierte su tiempo en crear herramientas que al final nos facilitan la vida pues cobren por ello. Pero que sí es verdad que es una inversión. Es más, hay que tener en cuenta que además la mayoría de estos compositores no tienen diseño, o sea, no es como cuando tú ibas sin forest, que tú comprabas la plantilla y lo que veías, lo ponías y ya directamente te ahorraba diseñar. Diseñar es difícil, ¿no? O sea, hay que hacer un trabajo de que quiero mostrar, cómo lo quiero mostrar, qué de resaltar. Entonces, muchas veces tienes que comprar el tema o plugin, o sea, el tema o plugin y además entrar en un market que hay que suele haber de plantillas, tema hijo, para aplicarlo. O sea, que sigue teniendo esto, que muchas veces la inversión parece que es una, pero luego es un poquito más. Yo conozco a mucha gente que se ha encontrado con eso, que ha comprado el Divi y de pronto han dicho, joder, ¿qué hago con esto? O sea, así puedo construir todo, pero qué coño, pongo. O sea, recursos gráficos al final es por algo que los diseñadores existen en la vida, no solamente para pelearse con los programadores. Luego, estilo unificado, por ejemplo, en CSS para mí, yo tengo mi página web y digo, ¿los párrafos con este tipo, con este color, con este de esto, el H1, no sé qué, lo tengo todo ya unificado en un sitio centralizado. Y muchas veces, cuando estamos con estos compositores visuales, creamos una página, le damos un color al botón y ahora nos venimos arriba y le ponemos una capa y ahora te vas a crear una página de servicio, añado otros servicios, cómo era el botón, algunos sí tienen una opción estándar para todo el sitio, pero no todo, ¿vale? Y el tema de información estructurada es que lo he puesto otra vez, porque me parece que es muy importante, que se hay que tenerlo en cuenta. No he puesto el tema de lo que se dice el locking, que es que estás atado una herramienta. Pero bueno, tampoco me parece que sea algo tan crítico. Yo me parece que en ocasiones lo importante es empezar, andar y luego ya veremos qué hacemos. Todo esto para que no parezca que yo me estoy inventando esta importancia, además. O he sacado una gráfica de Google Trends, que ya muchos conoceréis, que es para ver la estadística de la búsqueda, además. Aquí podéis ver la progresión. Divi fue el primero que golpeó y el que golpea más fuerte, aparte de que tiene un programa de afiliados que es la pera limonera. O sea, se es un dato. Pero, mira, Divi y Visual Composer, la progresión que han tenido. Pero es que aquí está entrando elementos súper fuertes. Mira, el elemento es lo que ha crecido. Entonces, la gráfica de los cinco últimos años, ¿vale? No me estoy inventando que hay una necesidad. Hay una necesidad. La gente quiere poder editar su web, ¿vale? Y aquí estamos viendo solamente lo que sería un plugin de WordPress. Habría que ver también estos números para otros sistemas como puede ser Wix, Spaceware o otra historia. Entonces, ¿qué pasa? Pues, WordPress se ha dado cuenta de que están pisando la manquera. O sea, aquí estamos perdiendo. WordPress ha conseguido tener el 30% de la cuota de mercado, pero está viendo que ahí hay un nicho y una necesidad que no están cumpliendo. Y aquí es cuando aparece Gutenberg, ¿vale? Esa es la gran revolución que viene. La versión 5 de WordPress, que sabéis que Matt Mullenberg, como se diga, se ha dejado... Yo es que lo pronunció así. En Córdoba pronunciamos así. Lo hacemos a Matt. Entonces, ha dejado una barba que dice que se la va a cortar hasta que saque Gutenberg. Parece ya el Quijote. Dicen ya la Gutenberg, que en inglés es Gutenbarba, ¿vale? Han hecho una apuesta muy fuerte. Hay un equipo ahí a TutiPlain, a Trabaja, para lanzar el Gutenberg, que es la revolución de la siguiente versión de WordPress. Hoy aquí voy a poner un vídeo para que no me mireis mientras que hablo. ¡Ay, no! ¡Ay, no! Ya le he dado. Pues no anda el vídeo. Había un vídeo. Bueno, era un vídeo de cómo funciona Gutenberg, ¿vale? Entonces... ¡Oh, vale! Dale un clic, a ver si funciona. Que estaba bonito, bebé. Me parece bonito ver un poco qué es lo que se estaba cociendo con Gutenberg. Gutenberg ahora mismo lo podemos usar y testear como plugin. Ahora mismo lo está incluido en el core, pero en el futuro, la versión 5, lo van a incluir en el core. Gutenberg va a transformar cómo trabajamos con WordPress. Ahora, en Gutenberg, o sea, con WordPress y con Gutenberg, todo va a ser bloque. La entrada, las páginas, todo lo vamos a trabajar con bloque. ¿Vale? Los widgets, todo. Yo estuve haciendo pruebas y demás y ha mejorado un montón, la verdad, de las primeras... cuando salió la primera versión, eso fue... ¡Ah, esto es mal, esto es horrible! Yo está trabajando con insertar textos solamente con teclados, usando como en Slack, más o menos, con la barra y van saliendo las opciones de los bloques. Poder trabajar es bastante ágil, ¿vale? Pero es una revolución que no sé hasta qué punto, o sea, cómo vamos a asumirla y cómo esa implantación, porque a ver, los que estén usando Divi y ahora aparezca Gutenberg, estamos aquí todo el mundo esperando un poquito yo el apocalisis, ¿no? Estamos así como... ¡No! ¿Qué va a pasar conmigo? Yo creo que tendrán que hacer algo progresivo. O sea, no pueden de pronto... Sí, sí, o sea, sí va a hacer algo, y va a venir wallpaper y tal, pero Fernando ya ha hecho un plugin para bloquearlo, o sea... Antes de que aparezca, ¿vale? Entonces... Sí creo que... bueno, que es una revolución pero que tampoco hay que preocuparse porque tampoco vamos a romper el internet. ¿Vale? O he puesto aquí un poco de conclusiones sobre Gutenberg, pero bueno, realmente, luego hay una charla, una ponencia que seguramente lo hablarán mejor. Aquí está el compañero. Entonces, ahí a verlo a él y que los cuente bien de que va a Gutenberg. ¿Vale? Pero bueno, más o menos un poquito es que mis conclusiones un poquito del tema es que queremos meter las patitas. Ya no es como antes, una cosa como rara, que hay un informático que lo tocaba y que tenías que además pedirle audiencia o que quiero cambiar un enlace... Ahora ya, la gente quiere tomar el control. Me parece correcto hacer una solución mixta de no todo recaiga sobre los plugins o los temas con los compositores visuales. Gutenberg, creo que promete, pero ahora mismo tiene muchas críticas. Yo creo que Gutenberg es como ahora mismo la sensación que me da es como cuando coge un WordPress y está vacío. Y se juega tanto en el WordPress. Esto no hace nada. Pero ahora empieza a meterle plugins, a meterle historias y entonces eso sube para arriba. Entonces, yo creo que Gutenberg va a salir un montón de temas, de plugins, de bloques... Bueno, es que está creciendo todos los días. Vale, entonces a lo más justo todavía no se le ve tanto la idea, pero yo creo que sí, que esto va a ser guay. No es facilidad de uso, lo pongo en el sentido de que la gente está un poco acostumbrada es que el editor, el tiny, es que... Hemos trabajado con él en todos los sistemas durante años. Entonces, yo creo que una persona que no esté un poco habituada al tema, le va a costar al principio el tema de cuando paso el ratón me aparece la opción para editar. Yo creo que ahí puede al principio ser un poco disruptor con lo que estamos acostumbrados. Yo creo que hay mucha gente que dice que... Yo creo que mucha gente pasara, o sea, muy bien, entonces era la pera, pero yo sigo con mi tiny, que esto es maravilloso, y ya está. Luego, con patibilidad, todo el mundo tenemos mucho miedo, pero no puede ser que no seamos compatibles, porque si no apague vamos, no. Y que, bueno, que no sabemos por dónde... cómo terminará esta gran revolución. Y ya está, esta era mi... esta es mi opinión. Pero cuando preguntáis, como si hubiese interesado. Pero es fácil. Mira, que tienes preguntas. Muy buena charla, me ha gustado, de verdad. Ah, gracias. Me gustaría que te mojaras. ¿Cuál es para ti de los editores visuales que hemos estado hablando, Bakerie, Elementor o Divi? De esos tres realmente, vamos, son los que me interesarías a ver tu opinión. ¿Y por qué, en todo caso? Gracias. Yo empecé trabajando con Divi, que era muy pobre. Y entonces compraba licencia y como GPL me permití usarla en todos los sitios que quisieran. Entonces, esa fue mi entrada a los compositores visuales. Ahora, para el tema de la charla, está probando Gutenberg, está probando Elementor. Elementor me parece que está cogiendo un muy buen camino. Porque Divi es, digamos, el más guarro. Es el que te ofrece más opciones y es la pera. Es intuitivo, es fácil de usar. No sé, yo creo que todo el mundo que lo usa se hace rápido con él. Veo que Elementor, por ejemplo, está siguiendo, digamos, la línea que sigue Gutenberg. Estos compositores no usan short codes. Sacan código HTML que estructuran para que puedan procesarlo. Gutenberg, si tú ponen una lista, te va a poner un UI, o sea, un UI en los comentarios. Y él ya sabe que con ese comentario cómo lo tiene que presentar. Por Elementor, está metiendo sus paramentos. Entonces, yo cogí para investigar un poquito, cogí un golpe y fui instalándolos todos. Poniendo contenido, desactivando y viendo cómo se veían. Yo creo que Elementor era el que mejor respondía. El que sacaba un código más limpio y tal. Todavía no empieza a usarlo a saco. Es verdad que sigo usando, he usado mucho Divi porque es muy pequeño, y es por comodidad. Pero yo creo que si tenéis que dar una oportunidad a alguno, obviamente tendría que seguir Gutenberg, pero Elementor está muy chulo. Ese es el que ha tenido una progresión en el último tiempo bestial. Hola, buenas días. Muy interesante la charla. Mi pregunta vive un poco en la línea de lo que estabas comentando. ¿Qué nivel de código innecesario mete Gutenberg? Porque yo no he tenido la oportunidad. Gutenberg produce código HTML y utiliza como comentario HTML donde mete las marcas para saber cómo procesarlo. Si es verdad que estamos metiendo código innecesario como siempre, porque de alguna manera tienes que procesar esa información pero es un código muy limpio. Entonces es lo que decía Divi. Tu desactivas Divi y tú ves shortcode. Te cuesta trabajo ver la información y incluso no ver las propiedades de historia. Tú desactivas Gutenberg y ves el código HTML. Entonces es bastante limpio. Aquí si se han dado cuenta de que, hombre, de hacerlo bien. Yo creo que ya es la última pregunta y yo quería preguntarte cuándo crees que se cortará la barba al colega este? Porque claro es una fecha clave para los que desarrollamos. Estamos hablando con Rocío Aldivia. Tenemos la suerte que Rocío Aldivia, que sabe que es de muy de la comunidad y tal, vive por Marbella. Entonces algunas veces hemos echado una cerveza y tal. Ella es que está muy metida en el tema. Decía que está claro que se lo están planteando para este año que ya tendría que haber sido. Si es verdad que han tenido disputas con una librería que tenía Facebook y tal, hayan tenido como escollos que han tenido que superar. Rocío decía que se ha hecho un poco de malos, pero yo creo que tampoco. En principio tiene que ser este año pero Matt también se ríe porque la barba me fui a pelar y me la recuerdo un poquito para que no estés a la baja. Yo creo que todavía le queda un poco. En principio se planteaban que fuera en la primera mitad de 2018 pero no sé hasta qué punto lo van a poder conseguir. Si sé que es verdad que están ahí a cierro trabajando un montón. Me ha dicho Rocío que tiene mejoras diarias que es que todos los días hay una cosa nueva. ¿Vale? Venga, agarra libre, hombre. No os quedéis como yo en cicladas, aquí podéis preguntar. No, hombre, no. Porque me interesaba mucho. Yo soy muy lengüetona. La vida cuenta, lo mejor. Me interesaba. Quería preguntar de cuánto hay muchas editores visuales de estos, hay gente que lo instala y dice, bueno, ahora ya que lo tengo maquetado voy a desistrarlo para que lo quiero. O eso es muy divertido. Te queda el... Dice, ¿por qué me sale aquí este sorco de raro? Me llama la atención lo que has dicho de Gutenberg cuando, en caso de desactivarlo con el plugin de Fernando, lo que quedaría serían los comentarios HTML o lo que darían las clases y todo lo que te ha creado. Me parece que no, yo creo que no. Se queda el HTML. El comentario, ¿no? Sí, pero se queda el comentario sin procesar ese texto para ese aspecto visual que tú le ibas a la presentación. Pero lo que os decía, están separados los datos. Los textos, sí. De hecho, hay mucha gente que comienza con el Divi y de pronto ve en la meta-descripción de su web en Google. Ve hecho el code. ¿Por qué? Pero con Gutenberg, es verdad que, a lo mejor, pierde la presentación pero sigue teniendo un texto que, si es una lista, va a ser una lista. Si es un H1 entonces la verdad que sí nos permite saltar de un tema a otro, sin perder, digamos. Claro, que si cambias de plantilla sí que te cogerías los estilos que hayas utilizado. Si cambias de plantilla, ya ha empezado otra vez de nuevo. Tienes que hacer los estilos. De hecho, viendo los foros con la gente que, a lo mejor, tiene Divi y ha querido soltar Divi como tema y dice, ¿ahora qué hago? Mientras que lo hago, cómo lo hago. Hay gente que lo que hace es que el Divi pueda usarlo como tema o como plugin. Entonces, ponen el plugin para que se siga viendo y mientras van trabajando, ¿vale? Porque es que si no es que no se ve. Con Gutenberg sí vas a ver, o sea, tus datos están ahí y la estructura que tú hayas creado se ve, pero la presentación no la pierde, las columnas, los colores y demás. Gracias. A ti.