 Continuamos na mañana con una charla que os que non estan aqui viendo la van a tener que ver o Wordpress TV en breve. Así que vosotros sois... bueno, non pudo dicir nada porque el ponente abaja está moi bien también. Tenhamos con nosotos a José Ángel Vidáña que es diseñador web freelance de Alcalá de Nares. Llevo utilizando Wordpress desde 2005, formador, cursos de Wordpress, bucomers. Tiene unha newsletter estupenda en la que habla, como no, por lo que viene aqui a hablarnos sobre Utember. Entonces, os dejo con ele que seguró que tenis que tomar muchas notas. Muchas gracias. Problemas técnicos. Abajo, arriba, en fin, de ciertos conceptos. Bueno, como ha dicho Juan, soy José Ángel Vidáña. Abajo, bajo mi marca personal que sube de Vidáña.com. Tengo unha newsletter en la que hablo cada fin de semana. Generalmente sale los domingos que se llama aprendegutember.com. Mi Twitter es arroba jota Vidáña e lo que sí me gustaría es que hicierais un poquito de ruido con el hashtag de la convención. Para que esto se expanda e que mucha má gente que noha venido conozca lo que es la ponte Wordpress. La pregunta principal es que es Gutenberg. Cuántos daqui conocéis Gutenberg? Se os habéis quedado, supongo que casi todos, no? Well, Gutenberg simplemente es el nuevo editor de bloques de Wordpress que se va a implementar en la versión 5.0. Esto que quiere decir que, cuando nós demos a actualizar a nuestro Wordpress en la 5.0, tendremos un nuevo editor. Ese editor será como máis visual e estará basado en bloques. Que pasa ahora, pues que Gutenberg simplemente es un plugin en el repositorio. Justo ayer lanzaron la versión 3.9.0, podeis descargarlo e podeis probarlo, que es un pouco de lo que yo vengo a hablaros hoy aquí, de que debéis hacer para probar Gutenberg. Quando se implementará? Esta es un pouco la pregunta al millón porque todavía no se sabe. Se dijo la Work on Europe que tan pronto como agosto, pero estamos en septiembre e todavía pues Gutenberg no está neocore. Hay apuestas de que probablemente sea la Work on US, que es el 15, 16 de diciembre, creo que es en Nashville. Otros dicen que para reyes, otro dicen que para enero e otros dicen que para la Super Bowl, como Fernando Tellado. Que debemos hacer? Debemos prepararnos para a súa llegada, que es un pouco de lo que versa toda esta charla. Desde a versión 4.98 de WordPress, os habréis dado cuenta que, que quando entrais al escritorio, se os ex-administradores, o que os permita ver este tipo de mensajes, os habrá salido este tipo de avisos. Vale, en el que os explica que se va a cambiar el editor de WordPress a este Gutenberg para que lo probemos e que, si todavía no estás listo, que podes instalar el editor clásico, que es outro plugin del que luego hablaremos. Entonces, hay dos métodos. Sois gallegos, todos sabéis lo que es trapallada. No tengo que explicar mucho, es unha chapuza, unha guarrería. Eso se esperará a que llegue la versión 5.0. Vale, demos al plugin e nos pase eso. Adiós monestra página, nos quedamos sin página, nada funcionará. Vamos, un auténtico desastre. El método correto es el método carayudo, no? Carayo aquí vale para todo, no? Pues el método carayudo, es decir, currar un poquito el tema. Vale, entonces, yo lo que vengo es a explicaros un poco como hacer este trabajo. Vale, lo ideal es que todos creemos un entorno de prueba. Ese entorno de prueba lo podemos hacer dentro de nuestro servidor con la ayuda de un plugin tipo duplicate. Hacemos una copia, probamos sobre esa copia, vemos si funciona, si nos funciona. Que no queremos probarlo sobre nuestro sitio. Podemos crear un entorno, por ejemplo, en pilvia.com. No sé si lo conoceis, pero os permite crear un desarrollo. Pilvia es con v, vale, como virania. Que debís hacer cuando ya tengáis ese entorno de prueba que has creado instalar el plugin de Gutenberg. Una vez instalamos el plugin de Gutenberg, pueden pasar dos cosas. No funciona bien. Esto es unha basura, esto me rompe la web, isto nos sirve, isto tal. Bueno, yo lo que os recomiendo es, como decía Manuel Manquilla, vamos a llevarnos bien porque si no va a haber anda nada dos ties aquí. Vale, que debemos hacer? Tenemos que encontrar qual es el problema con Gutenberg. De nada sirve de decir, yo esto no quiero actualizarlo, yo esto non quiero utilizarlo. Entonces, lo que deberemos ver es que tipo de entrada o página o custom post time nos está fallando, que funcionalidades de la web nos falla, que me falla un formulario, pues probablemente sea porque tengo un plugin o plugins que están fallando o están en conflicto con Gutenberg. Tienes una versión en tu servidor de PHP antigua? Gutenberg solo funciona con la 5.6. Quando instaláis la versión 5.0 de WordPress o tenéis un servidor con la versión 5.6 de PHP o no es que nos funcione Gutenberg, es que nos va a funcionar WordPress. Vale, y luego, también puede ocurrir que la Cache os esté jugando unha mala pasada. Vale, entonces, si tenéis algún plugin de Cache que está funcionando o activo o que sea solo a nivel de servidor sin utilizar plugin, mirar la Cache o desabilitarla o que da quebraderos de cabeza. Todo funciona bien, pero la Cache hace que todo pegue el petardazo. Vale, si nada de esto falla o nada de esto nos interesa, agarráis, os descargáis ese plugin que se llama editor clásico, lo instaláis y vais a tener WordPress de toda a vida. Qual es el problema quando tenemos un editor clásico WordPress de toda a vida? Llegará un momento que Gutenberg, todos os plugins estarán actualizándose para o novo editor e o viejo editor quede como sin soporte. Eso igual, dentro d'un año, no, pero dentro d'un año e medio, igual un plugin como YoAz por poneros un ejemplo, ya solo estará dando soporte a Gutenberg, ya no estará dando soporte ao editor clásico. Ya sabéis o que eso significa? Significa problemas, agujeros de seguridad, etc. Vale, entonces pensar en este editor clásico un poco como un pequeño parche. Vale, para instalarlo, pero tener en mente que máis tarde o máis temprano lo que vais a tener es que dar el salto al nuevo editor. Gutenberg funciona, pues genial, pues ya funciona nada, yo me voy e ya no tengo nada que explicar. Instalamos el entorno de prueba, instalamos el plugin, todo funciona, pero estáis seguros que todo funciona? Eso es lo que vengo un pouco a hablaros. Vale, no solo es crear un entorno de prueba, darle e decir, venga, no má roto nada, no, es empezar a hacer unas tareas de trabajo. Vamos a crear contenido de prueba. Vale, vamos a crear una nueva página. Si tenemos page templates, vamos a crear un nuevo page template de cada uno para ver que funciona. Vamos a crear una nueva entrada. Vale, para ver que las entradas funcionan perfectamente. Vamos a crear custom post type. Puede ser que los custom post type, que todavia funcionan bien, pero a veces, se has hecho a mano, non está unido con la resapi todavía, puede pegar un petardazo, pues igual non funcionan esos custom post type. Vale, e crear un nuevo producto. Se decía, esta worken está un pouco orientada al mundo del e-commerce, pues se tenemos una tienda virtual, cuando llegue Gutenberg, probablemente la gente que tenga tiendas virtuales se tire un poquito de los pelos. Entonces, vamos hacer esa prueba. Vamos a crear unos productos antes de que llegue para saber se todo va a funcionar bien o non. Que máis cosas podemos hacer? Podemos probar todos os bloques. Como os he dicho, Gutenberg al final es un editor visual que lo que tiene son bloques e vas jugando e trabajando con esos bloques. Entonces, se ha creado un plugin, que se llama Block Unit Test, que es un poco como el Cine Unit Test. Cuando tú desarrollas un tema de cero, instalas este plugin e te crea contenido de prueba. Pues este plugin lo que hace es que te instala todos os bloques dentro de una página de prueba. Entonces tú entras dentro de esa página e ves se todos esos bloques te están funcionando o se hay alguno que no te funciona. Vale, apuntarlo porque este plugin os ayudará mucho. Más cosas, probar todas as novedades. Gutenberg, aunque non lo parezca, lleva bastantes funcionalidades novas. Gutenberg llevo un esquema de documento. Ver se ese esquema de documento que os dice la cantidad de palabras que habéis redactado, os encabezados, os parras, os bloques que lleva, mirar a ver se funcionan. Gutenberg lleva un paleta de colores. Esas paletas de colores se pueden personalizar. Entonces, lo que podéis hacer es, a través de una pequeña línea, en el archivo funtios.php crear un paleta de colores personalizada con los colores de vuestra marca. Para que así la persona que esté utilizando el editor no pueda coger e usar los colores que le venga en gana. Tambien tenemos dos alineamientos novos de imágenes. Dar soporte a esos alineamientos de imágenes es lo mismo, ir al funtions.php e dar soporte. Es una línea. It's as in support, Align white. E ya tenemos soporte a esos dos novos tipos de imágenes. Tambien podamos a poder crear tamaños de fuente personalizado, esta mañana estava hablando Ana Cirujano de la tipografía. Muchas veces en la tipografía llegamos e decimos, venga, un 16 con esta fuente e ya está. Pero esa fuente con un 16 igual es microxcópica e necesitamos que esa fuente sea más grande para que sea legible e para que el autor para que el usuario que entra dentro de la página web pueda verlo e sea sencillo para él. Tambien vamos a poder añadir en cada bloque una clase CSS adicional para gente que no tiene mucho conocimiento e bueno, aquí el problema es que tendréis que aprender HTML e CSS. Vale? Pero si sabéis un poquito de CSS con poner una línea e poner una clase simplemente dentro de la hoja de estilos de nuestro tema podríamos darles estilos. Que más hay? Hay una barra de herramienta unificada que es algo parecido a lo que teníamos con Tiny en Si. Ahora arriba podemos fijar la barra de herramientas porque xinón guttenberg dentro los bloques esas barras de herramientas están flotantes. Vale? Más cosas que tenemos. Hay un modo de enfoque e un modo a pantalla completa. Esto es relativamente nuevo. Tiene dos semanas o así en el desarrollo. El modo de enfoque es que el bloque con el que estás trabajando está como resaltado mientras que el resto de bloques están como borrosos como xinón los pudieras utilizar. Vale? El modo a pantalla completa es el antiguo modo de escritura sin distracción. Más cosas que han metido dentro a la usabilidad de lo poquito que hay porque es unha cosa que coge un pouco han empezado a meter atajos de teclado que funcionan bastante bien. Y luego está copiar todo el contenido. Podemos copiar todo el contenido en nuestra entrada y portarlo muy fácilmente con HTML a cualquier otro femes. O por ejemplo os paso un cliente en Google Drive en un texto copiáis daí pegáis e ya lo tenéis con la configuración que os haya pasado. Igual que digo Google Drive os digo un Word os digo Markdown cualquier lenguaje cualquier tipo de escritura os va a respetar ese copiar e pegar. Se ya lleven cabezados os lo va a respetar. Vale? Más cosas Gutenberg tiene otras opciones extras. Vale? Todo vuestro contenido antiguo no se va a romper. Se va a encasular dentro de un bloque que se llama clásico. Que al final ese bloque clásico lo que es es el bloque de tiny en si de toda a vida. Por lo tanto se lo que decíses mira yo es que escribo e Gutenberg no me vale porque a mí lo que me gusta es escribir e agora cada vez que doi doi a lente e mázo un salto de línea e eso no me gusta. Os abris el bloque clásico vale? Es un poco un añapa pero os abris el bloque clásico redactáis todo el contenido que queráis y luego lo convertís en diferentes bloques. Vale? Podéis probar a editar vuestro contenido en HTML va a funcionar exactamente igual que antes. Antes teníamos la pestaña de HTML ahí escribíamos nuestro código dávamos a publicar e funcionaba. Pois agora hay un bloque de editar en HTML. Vale? Crear un bloque reutilizable e usarlo en outra página o entrada. Los bloques reutilizables es por ejemplo un botón siempre pongo un botón creo un botón lo guardo como bloque reutilizable e lo puedo volver a utilizar ese botón con esas características e ese estilo dentro de mi página en todos os sitios. Vale? La última versión que salió ayer de hecho va dirigida a estos bloques reutilizables que lo que vamos a poder hacer es seleccionar varios bloques e crear como un template. Vale? Imaginaros pues no sé una imagen con un texto e con una descripción o reutilizable e ese bloque luego lo vamos a poder llevar a nuestra a cualquier outra entrada a nuestra sin tener que repetir todo ese trabajo simplemente lo que tendremos es que sustituir el contenido. Ejemplo por exemplo sempre digo para las tiendas virtuales para Google Maps siempre es lo mismo un precio una descripción una imagen no e el título e el título del producto pues eso lo guardamos como un bloque reutilizable e sempre lo vamos a poder utilizar simplemente tendremos que cambiar el contenido el contexto de cada uno de esas entradas Vale? E luego por último tenemos duplicar o eliminar un bloque E eso es muy sencillo el bloque que tenemos e una mosca que me está volviéndolo porque me está perdonar e se veis que hago así o así Vale? Lo que podremos hacer será duplicar un bloque que ya tengamos creado Vale? O simplemente eliminarlos E luego mo importante lo que os digo probar se funciona todo Vale? Funciona o vuestro tema pues vuestro tema debería funcionar qual es el problema porque puede que utilizéis un constructor visual aunque todos estos constructores visuales grandes e potentes como Divi, Elementor Visual Composer e etc cada uno se está adaptando a su forma Vale? Provar que vuestro tema quando lo tengáis que todo funcione se vea de forma correcta como debería verse Vale? Funciona en todos los plugins que tienes instalado por lo que he dicho antes Igual tienes el de formulario el formulario se ve pero a la hora de enviar el formulario no funciona Vale? Funciona en los orcos todos los orcos deberían funcionar con Gutenberg hay compatibilidad ya 100% pero igual utilizas Restric Contempro que se por ejemplo funciona Vale? e veis que hay algún error todo eso probarlo todos os orcos que tengáis probar a ver se funcionan en Gutenberg luego los incrustados habis subido vídeos habis subido twitter habis subido tweets habis subido entradas de Facebook de vuestra página vale? ver se los está ver se los está mostrando correctamente Funcionan vuestras widgets pues igual deberían funcionar sin ningún tipo de problema que pasa que en Gutenberg por ejemplo todavía no están todos los widgets están en el core se supone que para a versión 5.0 todos deben estar ya incluídos pero por ejemplo el de menú personalizado todavía no está creado o la nube de etiquetas hay gente que dentro de su blog sí que lo tienen esa barra lateral vale? moi importante funcionan vuestros custom post types o tipo de entrada personalizado Gutenberg funciona con los custom post types e campos personalizados uniéndolos a traves de la res de la res api vale? mirar porque no sempre funcionan de la forma correcta la solución es una simple línea de código vale? así que no es nada complicado se veis que se veis que os está pegando o petardazo vais al handbook de la res api e con que pegueis una línea de código os va a volver a funcionar vale? con los campos personalizados igual se metisteis los campos personalizados a mano puede ser que ahora nos aparezcan debajo como os aparecía en siempre hay un plugin instaláis el plugin luego os pondre un enlace hay un plugin que le instaláis e volven a salir e es únicamente porque todavía dentro del proyecto no han unido la res api de los campos personalizados con Gutenberg funciona a los formularios como os he dicho e muy importante se tenéis una tienda virtual funciona a vuestra pasarela de pago funciona al carrito porque si no no vais a tener ventas e vais a decir que pasa que raro que yo no estoy vendiendo sabes? se antes vendía 30 productos cada día e ahora no vendo nada igual es que vuestro carrito vuestra pasarela de pago está pegando o petardazo con Gutenberg se Gutenberg funciona estaremos así de contentos porque ya no tendremos que hacer nada más instalaremos la versión 5.0 en su momento quando llegue daremos a actualizar e no será como o método trapallada que nos volará toda la web ahora unos cuantos recursos tenemos el repositorio o Wordpress o repositorio de Gutenberg tenemos el handbook que es donde está toda la información del proyecto toda la documentación tenéis una demo online se no queréis hacer sobre vuestro propio servidor e queréis ver un pouco como funciona a Gutenberg en esa url seno mañana de toa forma se venís al dia al contributor day se va a hacer un taller en el que vamos a ver como funciona a Gutenberg por si queréis venir tenemos están saliendo plugins que al final lo que crean son bloques e en ese enlace de editor blocs library lo que están es todos los bloques uno a uno aunque un plugin te instale una colección de 10 bloques aí podemos tener uno a uno y luego como os decía al inicio de la charla está mi newsletter que sale toda las semanas a la que os podéis suscribir porque todas las semanas lo que voy a ir lanzando son enlaces referentes al proyecto de Gutenberg plugins con Gutenberg manager lo que podemos hacer es restringir a nivel de bloque es decir no quiero que utilices el bloque de imagen lo capo, lo filtro a nivel de rol este tipo de bloque só lo pode ver el administrador por ejemplo el editor no lo podria ver o el autor no podria utilizar este tipo de bloque vale e instalar e desistalar ciertas funcionalidades según el tipo de entrada es decir con ese Gutenberg manager podemos decir puedo utilizar Gutenberg para páginas pero no para entradas que mucha gente de lo que se aqueja es que ahora las entradas se pueden manipular a gusto del consumidor luego la gente de QCommerce ha creado un plugin que todos los shortcuts que tenían para QCommerce están creados en bloque es con ese siguiente plugin con Gutenberg Disable Gutenberg lo que nos sirve es para desistalar Gutenberg pero pudiendo elegir igual que os he dicho antes el tipo de entrada puedes decidir desistalar-lo completamente o desistalar-lo por entrada página custom post type vale los custom fills para recuperar os puedes instalar ese plugin e te aparecen todos esos campos personalizados que hemos creado a mano y con mi compañero Israel de Zaragoza creamos un plugin que se llama Inevol Gutenberg que este plugin lo que da soporte es a esas funcionalidades extras a eso a que podáis crear un tamaño de fonte personalizada vosotros directamente desde desde o backend de WordPress desde o panel de administración que podáis crear una paleta de colores personalizadas desde ese panel o que podáis crear pues el tipo de alineamiento e a imagen e incluso dar un ancho al editor para que se vea exactamente igual que luego cuando se pinta en el front bloques ahora mismo lo que hay son muchas colecciones de bloques tenéis atomis blocks advance Gutenberg blocks stackable coblocks editor blocks todas estas colecciones de bloques que llevan 10 o 15 bloques por ejemplo que no están incluídos dentro do core por ejemplo un bloque de testimonio un bloque de carrusel quál es el problema que entre ellos muchos repiten el mismo tipo el mismo tipo de bloque es decir esos 5 igual llevan un bloque de testimonio entonces a la hora de elegir yo lo que siempre estoy diciendo es pillar o que má sa de cué a vuestro a vuestro tema el que tengo un diseño má parecido a vuestro tema o que podáis hacer es que en los temas si os fijáis hay tres repetidos esos tres primeros es una colección de bloques máso un tema entonces instaláis por ejemplo el tema de Atomis Blocks e instaláis los bloques de Atomis Blocks vale y así tenéis como el conjunto es de cuando instaláis el tema os dirá este tema funciona perfectamente con el plugin Atomis Blocks vale entonces os pedirá es luego tenéis un un tema que es rolla así má magazine que es Blocklight de la gente de Organic Teams y si hacéis pozcas que antes han estado aquí hablando de pozcas un compañero de Madrid Santiago Jiménez está creando un tema que únicamente es orientado a pozcas vale se utilizáis pozcas e echarle un vistazo a este a este queija y nada yo siempre acabo con el mismo mantra yo es que pienso que el futuro de WordPress más tarde o más temprano va a ser Gutenberg e que todos vamos acabar amándolo vale como os he dicho antes de nada servirá al quedar sanclado en el editor clásico e nada muchas gracias a todos preguntas preguntas tengo tarjetas para ti no es por la tarjeta lo puro muchos dos temas comerciales de por ejemplo de Forest son vienen con video o visual composer si e instalamos Gutenberg en cima de estos teniendo estos plugins activados va a romper todo o a ver visual composer ha hecho una cosa muy muy graciosa no visual composer en vez de coger e dar soporte de forma digamos nativa a Gutenberg lo que ha creado es un bloque como tal que lo que te carga es Gutenberg e te carga toda la funcionalidad es de de Gutenberg ha hecho como un ingeniería inversa muy rara para que funcione dentro de para que funcione dentro de visual composer lo que yo no sé es en las siguientes fases de Gutenberg que se va unir con el personalizador e con el tema como lo van a solucionar quiere decir ahora sí que te va a funcionar pero má salante quando haya cosas nuevas como va a funcionar con visual composer no te lo puedo asegurar pero ahora mismo sí que han dado compatibilidad e DVD e DVD sí DVD desde hace ya un mes e pico dijo que funciona con Gutenberg sin ningún tipo de problema muchas gracias nada a ti sobre o tema del visual composer e eso claro a mi me pasa muchas veces que el visual composer non está atualizado es decir pues que lo típico de un cliente e tal que de pascos en viernes e tal e aunque a lo mojo actualices el WordPress el tema se queda atrás y bueno lo típico del visual composer de que nada más va con el tema e entonces no tienes la licencia del visual composer depende del tema que es de sea lo que te refiere caracuca e tal e entonces e en esos casos en los que el WordPress sí que está atualizado pero la plantilla es de vieja aí va romper todo pues aí probablemente te pega el petardazo porque lo que no tienes es actualizado del visual composer a la última versión que es en la que dan suporte a Gutenberg de una manera extraña pero dan suporte claro entonces con ese visual composer sin ese bueno sin estar actualizando sin ese probablemente te rompa a ver hay un alto porcentaje de que te pega el castañazo por aí me va a quedar sin tarjeta esa final a misma línea lo que ha hablado a compañera e eu tengo muchas webs que están lo mismo visual composer con temas comprados en King Forest e nada ahora mismo o que estamos haciendo es pasando e intentando pasar todo a Elementor e non sé si Elementor va estar mejor adaptado a Gutenberg que visual composer e sí bueno non se debería hablar de Elementor no hay un como una batalla ahora con Elementor porque la versión pro non es no es GPL pero pero Elementor sí que es compatible con Gutenberg ya llevan declaros desde hace fueron de los primeros con Viver Builder en decir que que iban a funcionar sin ningún problema con Gutenberg o sea que va a haber menos posibilidades en principio no tienes que tener ningún problema de Elementor tú tienes que funcionar con Gutenberg sin ningún problema visual composer visual composer sí tienes la última o sea sí tienes la oportunidad de instalar esta última versión en la que dicen que que va a ser compatible no tendrás ningún problema sí es una como decía a la compañera que no puedes actualizar porque no tienes porque pues eso probablemente se te rompa e se supone que está al caer no? e para finales de eu diría finales de año primeros de año hay otra pregunta por aí e outra por aquí luego venísa por las tarjetas que eu non me quedo con las cartas e encima me pego un foco aquí bueno última pregunta vale última ok dos e são cortas venga vale dos e são cortas la mía es corta que antes me dejaste un pouco acoconado quando hablabas de la versión PHP sí hablaste de la 5 o 4 5 o 6 5 o 6 perdón sí eso te refires a versión mínima versión mínima versión mínima para que te funcione o WordPress entiendo que con PHP 7 sí que funciona con PHP 7 sin ningún problema claro de hecho o ideal eu creo que é la 7.2 porque nada e va a salir a 7.3 no Javi gracias o soso o soso o soso o soso o soso o soso o soso o soso o soso o soso o soso o soso o soso o soso o soso porque no querís forzar a actualización de boot en ver e demás la versión 4.9 va a seguir actualizándose solo con actualizaciones de seguridade não tendréis funcionalidades novas mas se podés seguir manteniendo no és a mejor opción pero és unha opción xiframente comentarlo porque no pasa xifrán xifrán Xifrán xifrán xifrán xifrán xifrán xifrán xifrán xifrán xifrán Vale, no te mateis. Pois, sí, muchas gracias.