 Es una difícil misión de hacer que no os durmáis a esta hora, porque son las tres y media, y generalmente aquí, en las workahs, lo que te pueden hacer es, o que te pongas a hacer sentadillas, como hace el señor Daniel Arenillas, o cualquier historia de estas raras para despertar a la gente. No tengo música, no tengo vídeos, lo único que tengo es bloques, bloques, y más bloques. De hecho, corre por ahí el rumor de que cada vez que diga bloque, tenéis que tomaros un chupito. Igual no llegáis a la siguiente presentación. Bueno, me presento, soy José Ángel Vidánea, el satánico. No, soy el tío que va por las workahs nacionales hablando de Gutenberg, del nuevo editor de WordPress. Como bien ha dicho Patricia, cuando salió WordPress, todo el mundo tenía como reticencia a adaptarse o a probar Gutenberg. Todo el mundo decía, ¿por qué esto nos han cambiado todo el paradigma? Yo no sé javascript, yo no quiero utilizar nada nuevo, yo no quiero cambiar. Y yo lo que decidí fue, vamos a hablar de esto que es nuevo, porque de las cosas nuevas hay que hablar para que la gente aprenda y la gente se atreva a dar ese paso y cambie hacia algo nuevo. Ya sé que todos dentro de la tecnología nos cuesta horrores adaptarnos a algo nuevo, pero yo creo que Gutenberg es un gran invento, a su manera, porque teníamos una tecnología digamos funcional, pero en cierta medida bastante obsoleta, por así decirlo. Tengo una newsletter de periocidad, mira Jesús José Ríe, esa periódica, cuando tengo vida la voy publicando, pero últimamente no tengo vida, entonces estoy tardando bastante en publicarla. Se llama aprende Gutenberg y en ella lo que hago es recopilar información acerca del nuevo editor de WordPress. Si queréis estar al día, cuando tenga vida y pueda publicarlo, esa es una buena forma de seguirlo. Luego si me queréis encontrar por Twitter, estoy en arrobajotavidania, ¿vale? Vidania con N, no con M, no soy vida mía ni nada por el estilo. Yo sé, cuesta un montón aprenderse el apellido, pero una vez os la aprendéis os aseguro que no se os va a olvidar. Y luego tengo el hashtag, pero lo tengo mal. Me confundí el del año pasado en vez de poner el de este año, ¿vale? Así que vamos a comenzar sin más con la presentación y yo vengo de hablaros de, como he dicho, bloques. Y bloques, bloques, bloques. Y vamos a hablaros de tres cosas sobre bloques. Tengo los bloques reutilizables, que probablemente sean los que todos, más o menos... ¿Cuántos aquí los habéis utilizado? Bueno, hay bastantes manos levantadas, lo cual es buen síntoma. ¿Cuántos habéis utilizado una plantilla de bloques? Ya hay muchas menos manos levantadas. ¿Y cuántos utilizáis estilos de bloques? Uno, dos, tres, cuatro... Ahí ya, las manos todas para abajo. Venga a hablaros de esas tres cosas, de los bloques reutilizables, que son los más fáciles de utilizar porque son visuales, y luego tanto de las plantillas de bloques como los de los estilos de bloques, que son igual de fáciles, pero incluyen tener que tocar código, con lo cual ya un usuario final, si no hay un desarrollador de por medio, pues no lo tiene tan sencillo. Comenzamos eso, que es un bloque reutilizable. A mí me gusta poner el símil de que un bloque reutilizable es como, por ejemplo, un símbolo en Sketch. O si utilizáis Divi, me han dicho esta mañana que hay un elemento que se llama global. Simplemente es un elemento que tú lo puedes reutilizar a lo largo de tu página web. Esa es la idea que quiero que tengáis y que ese elemento, cuando lo modificáis de alguna forma, se modifica a la vez en todas las páginas que lo tengáis. ¿Vale? Pero vamos a ir viéndolo poquito a poquito. ¿Cómo se crea crear un bloque reutilizable es súper sencillo? Vais a la barra de vuestro bloque, la flotante que está arriba, o si la tenéis fija arriba, donde están los tres puntitos, donde hay son los tres puntitos y simplemente seleccionáis ese añadir a los bloques reutilizables. ¡Yugua! Ya tengo un bloque reutilizable. No hay que hacer nada más. Esto está al alcance de cualquiera. ¿Cómo lo guardo? Una vez le doy ahí a ese añadir, lo que tengo es que poner un nombre a ese bloque reutilizable. ¿Vale? Le pongo un nombre. En este caso no he sido muy original. Le he puesto mi bloque reutilizable y simplemente pinchó en ese botoncito de guardar. ¿Dónde están? Pues están donde está el resto de los bloques. Cuando vosotros pincháis para añadir un bloque, están en la última posición de ese desplegable que os aparece y os aparecerán todos los bloques reutilizables que tengáis creados. También lo que tenemos es que los podemos gestionar, podemos trabajar, podemos ir trabajando con ellos, pero eso ya es los otros tres puntitos en la barra lateral en la derecha. Siempre van a estar escondidos de alguna forma donde estén los iconos de los tres puntitos. En este caso es ahí gestionar todos los bloques reutilizables. Cuando le dais lo que iréis será a una página en la que os mostrará todos los bloques reutilizables que tendréis en vuestra página web y que, como veis, tiene el formato de toda la vida de entradas, pos, etcétera. Para editarlo, bueno, mejor dicho, para modificarlo simplemente cuando selecciono el bloque lo que me sale es ese botoncito de editar. Cuidado, cuando editeis la principal idea o concepto de este bloque es que lo podéis utilizar en muchos sitios, a la vez en vuestro sitio web, pero que si cambiáis el color que antes estaba en amarillo y ahora lo cambiáis a gris, ese bloque en toda vuestra página en el sitio en el que esté se va a poner de color gris. Importante, quiero utilizarlo como plantilla pero que no es una plantilla de bloque. Lo que hago es, en vez de darle a ese editar y hacer un cambio, simplemente lo que tengo que hacer es pinchar en este convertir a bloque normal. Con eso lo que puedo es crear una estructura con bloques, la tengo guardada, la llamo yo que sea plantilla, producto, como la estructura que vosotros queráis, la vuelvo a cargar pero antes de hacer ningún cambio de pinchar en el botoncito de editar, le doy en convertir a bloque normal y lo que nos hace es desestructurar todos esos bloques y tenerlos por separado. Entonces, yo puedo editar sabiendo que no se van a cambiar todos los estilos y al final sería una forma de tener una especie de plantilla con bloques para un usuario, pero eso realmente no es un block template que es lo que veremos un poquito más adelante. Puedo reutilizar los bloques en todas mis webs. Eso es muy importante porque cuando voy a ese gestión de bloques y pincho en exportar como JSON, me bajo un archivito que yo luego voy, lo importo como JSON en otra página web y ya tengo el bloque funcionando. Lo que tendréis que hacer es dar los estilos que tuviese en la otra porque es una web diferente. Todos esos bloques llevarán unos estilos asignados, en la web nueva tendréis que asignar los nuevos estilos. Pasamos, ya hemos terminado de ver los bloques reutilizables, que como os digo es la forma más sencilla para un usuario final de utilizar esos bloques reutilizables. ¿Qué es una plantilla de bloque? Pues es simplemente que a modo de un post de una página o de un custom post type, poder predefinir los bloques que me va a cargar. Un encabezado, una imagen y un párrafo, por ejemplo. Si fuese un producto, yo lo que podría hacer en un producto de Google Comerse es que tuviese un precio, una descripción, una imagen de producto y el título del producto. Y la persona, lo único que tendría que hacer y que es el principal punto a favor de estas plantillas de bloque es sustituir el contenido. Como veis aquí hay unos playholders que lo único que hacen es que tú tengas que rellenar contenido. Continuamos, creando una plantilla de bloque se puede crear de dos formas. La recomendable es que lo hagáis o que lo registréis como un plugin, porque luego lo vais a poder reutilizar en todos vuestros sitios web. Pero también podéis ir a pincho, como se dice vulgarmente, y meterlo en el funtions.php de vuestro tema. Se puede registrar tanto en post como en páginas y también donde se puede registrar es en custom post types. ¿Cómo se registra en un post? Creamos una función, tenemos la variable y le decimos aquí el tipo de contenido que va a afectar un post o una página. Abrimos un array con la propiedad template, nombramos en el array el tipo de bloque que queremos que nos aparezca, que se sería este encabezado. Y luego podemos crear otro super array en el que decimos el contenido que va a mostrar, que en este caso es libro, que eso sale en la última, luego lo veréis. Ahora, array con el bloque de imagen y lo que puedo darles a esos bloques les puedo dar directamente una clase. Por otro lado, lo que tengo es un bloque de párrafo en el que lo que le puedo poner es un placeholder, que es un texto que saldrá a continuación para que nosotros o para sobre todo el cliente, que es el que rellena los datos, sepa lo que tiene que hacer. Y la última opción es template lock, que ahí tiene definido el valor all. Cuando tú en ese template lock pones all, la gente que llega al resultado no puede hacer nada con ese contenido. Cuando digo que no puede hacer nada es, no puede insertar ningún nuevo bloque, no puede modificar ningún, o sea, si puede modificar el contenido, pero no puede alterarlos, no puede moverlos y no puede coger, por ejemplo, y la imagen subirla por encima del libro ni puede insertar nuevos bloques dentro de esta publicación. Sólo tendría el título, que nosotros el encabezado, que le hemos dado ese content, que ya se llama libro. Tendría el bloque de imagen que vendría predefinido con una clase llamada Isstyle Zoom, cuando subáis esta imagen. Y por último, tendría un bloque de párrafo que se llama añade tu contenido. Pero ya digo que si tenéis ese valor de all en template lock, los bloques que hay aquí no vais a poder hacer nada más allá que sustituir contenido. Ese libro, ya si le hemos definido un contenido que se llama libro, mejor no modificarlo, aunque se podría modificar esta imagen, subir una imagen y añadir contenido, simplemente añadir contenido. ¿Cómo se hace con un post con anirados? Yo lo que puedo es crear una estructura de blog template, pero para ello, si os fijáis, es todo igual, después estáis post, abro la array del template y voy diciendo mi bloque de encabezado con un placeholder, añade tu encabezado, y luego lo que abriría sería una array con el bloque de colundas, que a su vez lleva otros arrays en el que tendría dentro un bloque de columna con un bloque de imagen, un bloque de columna con un bloque de imagen, y volvería a cerrar el template all. ¿Cómo quedaría esto? Pues así de sencillo. Arriba el encabezado, si veis, es este corregedin de añade un encabezado, a continuación vendría un bloque de colundas que englobaría esos dos bloques de columna, tendría un bloque de columna aquí con imagen y un bloque de columna aquí con imagen. El bloque principal de columna es que engloba los dos, un bloque de columna y un bloque de imagen. Con eso lo que podemos es crear estructuras más complejas, que no simplemente sea un bloque de párrafo, o un bloque de una imagen, o una cosa así muy sencilla. Ya lo que le podemos es dar al cliente una estructura en la que entre en el post y ya tenga creada lo que es un diseño, algo diferente y que para él, sobre todo, sea mucho más sencillo el poder sustituir ese contenido. Porque al final lo único que va a hacer con estas plantillas de bloque es sustituir contenidos. Ese sería el resultado y la otra opción que tenemos es registrarlo en un custom post type. Y esta es la más interesante, por así decirlo, porque ya tenemos a nuestra disposición cualquier custom post type que creemos y nosotros podemos hacer lo que nos venga prácticamente en gana. Igual, volvemos a declarar una función, abrimos un array que es el típico de cuando declaramos un custom post type y si os fijáis lo que aparece es un nuevo elemento que es template, igual que antes. En este código veníamos aquí al post type object template pues con los custom post type tenemos el template. Abrimos array, un encabezado, añadir autor, un párrafo, añadir, reserva. Y aquí lo que tenemos que es completamente diferente es que template log tiene otro valor, tiene otro posible valor que es insert y es un valor que por su nombre lleva confusión porque vosotros pensaréis eso lo que me permite es insertar todos los bloques que a mí me de la gana dentro de esa plantilla de bloque. Lo único que nos permite este template log insert es mover y alterar el orden de los bloques de las plantillas de bloques que hemos creado, pero no nos permite añadir nuevos bloques. Es exactamente igual que all, es decir, bloquea todo, pero lo que nos permite, por ejemplo, en el primer caso sería yo decir que la imagen la subo por encima del libro o subir el párrafo arriba tampoco tendría mucho sentido o poner el párrafo por encima de la imagen. Nos permitiría mover los bloques arriba y abajo, pero no nos permite ni insertar bloques ni hacer nada con ellos, más allá de poderlos mover de sitio. Cuando registramos el custom post type, en este caso lo he llamado review, lo que tendría sería el título del custom post type, añadir autor, añadir review. Si os fijáis aquí es ese encabezado, añadir autor, este placeholder de añadir reseña. Esto que os puede parecer, pues yo que sé, un poco hablando así claramente un poco chorras o que parece una una estupidez de cara a un usuario final que ya se lo des preparado y él no tenga que romperse la vida y estar ahí jugando con todos los bloques y dónde está el bloque de párrafo y dónde está el bloque de no sé qué, se lo da ya estructurado y únicamente lo que tiene que hacer es sustituir contenido. Eso para un cliente que no tiene conocimientos es una auténtica maravilla, tenerlo muy presente, porque al final aquí imagino que casi todos sereis desarrolladores y cuando trabajéis con un cliente final os tocará explicarle pues tenéis que ir a buscar el bloque arriba, aquí tienes estos bloques, puedes utilizando los llevando al contenido, con esto lo que se lo dais ya es todo mascado, simplemente sustituir contenido. Vamos ya a la tercera parte de la presentación, aquí lo he hecho más corto, pero tenéis una charla enorme de la huerca en Pontevedra, que fue hace poco en septiembre, que fueron pues 25 minutos hablando de qué son los estilos de bloque. Los estilos de bloque es que un elemento como, por ejemplo, un bloque como el botón puede tener diferentes estilos, por defecto, contorno, cuadrado. Que sepáis que en la nueva versión, la 6.70 del plugin de Gutenberg se han cepillado el botón cuadrado y se han cepillado el de por defecto. Solo tenéis contorno y con gradient, que es la nueva, es la novedad que han incluido que los botones pueden llevar un gradient. Con estos estilos lo que puede hacer yo es, a través de CSS, porque técnicamente simplemente es agregar una clase de CSS, lo que puede hacer son diferentes estilos para un bloque, en este caso como veis ahí tendrías esos tres. ¿Cómo se crea? Hay cinco grandes pasos, en mi opinión hay cinco grandes pasos que dar para crear ese estilo de bloque. Primero, tenemos que desencolar los estilos del core, porque digo desencolar los estilos del core, porque así no vamos a tener ningún tipo de interferencia o incompatibilidad o os va a salir algo de CSS que no debería. Después lo vamos a hacer con un plugin metiéndolo en un archivo index.php, eso un plugin creo que aquí casi todos, imagino que sabéis, crearlo. Luego encolamos los estilos del editor y del front dentro de ese plugin y por último creamos los dos archivos con los que funciona, que es un archivo de JavaScript que le podemos, yo ahí lo he llamado Blocks, pero lo podemos llamar como queramos y un archivo de CSS que yo le llamo de style, pero lo mismo lo podéis llamar como vosotros creéis conveniente. Desencolar estilos del core sería el primer paso. ¿Cómo lo hago? Simplemente una función en la que desencolo todos estos estilos. Si os fijáis, los dos primeros son del core de WordPress, que son los que hacen que los bloques por defecto tengan estilos. Y luego tenéis los Debugomers y los que añade Storefront. Simplemente una acción y lo que nos cargaríamos serían todos esos estilos, tanto los que lleva el core por defecto como el Debugomers como el de Storefront. Siguiente paso, archivo index.php. ¿Quién no sabe crear un plugin de aquí? Una manita, dos manitas, tres manitas. Bueno, ya os vais animando, ya van subiendo las focas malas. Bueno, no tiene ningún misterio crear un plugin. Si lo he creado yo, que soy más maquetador que desarrollador, cualquiera, entiendo que lo puede crear. Crear un plugin simplemente creamos ese archivo index.php. ¿Qué hacemos en ese archivo index.php? Encolamos los estilos y para encolar los estilos hay dos filtros importantísimos, que son este en queue block editor assets y el siguiente que es en queue block assets. Para que deáis la diferencia es que este primero en queue block editor assets solo lo utilizamos para cosas que se van a ver en el editor. Cuando nosotros estemos en el editor ahí, ahí es donde tenemos que encolar ese estilo, en este caso ese archivo de blog script y todo lo que es global, es decir, todo lo que vamos a ver tanto en el editor como en el front, cuando demos al botón de publicar, se encola utilizando en queue block assets. Entender la diferencia porque no vale que todo lo encoléis directamente para que se vea en los dos lados. Hay cosas que no es necesaria que se vean en el front. ¿Cómo ocurre esto? ¿Cómo creo ese archivo JavaScript? Hay dos formas. Está la old school y la forma moderna de escribir JavaScript. Si lo hago de la forma moderna, en ese formato S6, declaro una constante de internación e realización y declaro la constante de register block style, que es lo que me crea ese WP blocks. Abro register block style, digo el bloque del core al que quiero afectar, al que quiero crear un estilo y simplemente le tengo que definir un nombre, un label y decir si ese estilo va por defecto, dependiendo lo que yo seleccione, pues se va a ver de una forma o de otra. También creo otro estilo que es para mi imagen. Le he creado un estilo en blanco y negro y ahora le voy a crear un estilo de esto con el filtro de Blur. Pues es lo mismo. Blur, el label con la internación y el Blur y is the fault true. Lo normal ahí debería llevar el false. Solo debéis poner un true para que os haga de forma automática ese estilo que habéis seleccionado. La forma antigua de escribirlo es esta, que nos toca escribir aquí con ladrillo, pero si veis todo es idéntico. Lo que veis que es diferente es esta línea de aquí arriba. Existe también un register block style. Con un register block style lo que podéis hacer es esos estilos que por defecto mete WordPress como en ese botón que hemos visto de contorno, cuadrado, etcétera o los podéis cargar. Si veis aquí es el de por defecto, el de contorno y el cuadrado. En ese caso yo me estoy cargando esos tres estilos y lo que estoy haciendo es que mi cliente solo tenga una opción de botón. Que esa opción de botón va a ser con gradient. Por último, un archivo CSS en el que simplemente tengo que definir y se style el nombre del label que le haya dado. Si aquí lo he llamado gradient, pues es is style en la hoja de estilos. Será is style, guión gradient. Si lo hubiese llamado Blur sería is style, Blur. Yo creo que es muy sencillito. Le dais estilo y lo que conseguís es algo parecido a esto. Tenéis un botón. Han desaparecido todos los otros estilos que tenía, que los he quitado con este un register block style porque si volvemos el botón principal tenía estos tres estilos, pero nos quiero marear, yo me los he cargado. Los tres estilos y lo que he registrado es un único estilo. ¿Por qué? Porque quiero que mi cliente solo tenga la posibilidad de utilizar ese estilo, que no pueda jugar con colores, que no pueda jugar con nada. Básicamente es hacerle que no rompa nada. Parece mentira, pero ya sabéis que aquí la pesadilla es cuando el cliente se pone a cizañear y empieza a tocar por todos los lados, que al final lo que hace es destruir retinas de clientes, machacar la página web y luego te llama y te dice, como mi madre, cuando toca el ordenador. Yo no lo tocaba, dijo, estaba así. Si eres la única que utiliza el ordenador, como no hace, pues con el cliente pasa exactamente lo mismo. Si nosotros lo que hacemos es darle una única opción y luego eso sí, que elija él el color de fondo que le quiera aplicar a ese botón, pues ya lo tiene más cadito, como he dicho antes. Para todo lo demás, con los estilos, esto es como de mastercard, CSS3. En la charla que he dado en Pontevedra, tenía más ejemplos. Cualquier estilo que podáis crear con CSS3 se puede llevar a los estilos de bloques. Cuando digo cualquier estilo es que podéis aplicar los filtros, por ejemplo, para las fotografías y tener ese sepia, ese blanco y negro, ese blur de forma automática y el cliente simplemente tiene que pinchar en el botón y se le convierte en toda la fotografía que ha seleccionado, le pone el filtro sepia y simplemente es CSS. También tenéis propiedades como ClipPad, que está muy moderno. Quiero una máscara circular, o sea, que todas mis imágenes vayan dentro de un círculo, pues simplemente lo que hacemos es le ponemos un ClipPad con esa máscara circular o un border radius 50% y el cliente cuando llegue y pinche su imagen de forma automática se le va a convertir en circular. Si no le das ninguna otra opción, no va a poder tener imágenes cuadradas porque su hues solo lleva imágenes redondeadas. Y luego, ya os digo, el límite está en vuestra imaginación. CSS3 está creando cada vez cosas más increíbles, por así decirlo, de un tiempo a esta parte ha mejorado una barbaridad, las cosas que se pueden hacer a través de CSS3 y que reconocen los navegadores, sobre todo, incluso hechos, con lo cual vuestro límite está en el código CSS que vosotros queráis crear para vuestro cliente. Pero como habéis visto, simplemente son dos archivitos, un JavaScript y un CSS. Para terminar, el mantra que repito una y otra y otra y otra vez y cada vez que me dejan hablar en público a la gente, ¿vale? Gutenberg más tarde o más temprano lo vais a acabar simplemente no llegamos al año y si viereis toda la cantidad de cosas que se pueden hacer con Gutenberg y que la gente desconoce como estas, por ejemplo, aunque aquí todo el mundo ha levantado bastante, habéis levantado la mano, pero habéis levantado la mano en una cosa, pero luego no en otra, en esta sí, esta no. Está evolucionando a un ritmo brutal y lo que va a conseguir es más tarde que temprano, en mi opinión es cargarse muchos de los constructores visuales que hay actualmente o por lo menos cargárselos en la forma en la que los conocemos hasta el momento. Y nada más. Muchísimas gracias por haber venido. Muchas gracias José Ángel. Empezamos el turno. Ahora es cuando sois satánico. Como preguntéis, cobráis. Yo creo que sobre Gutenberg sí que habrá bastantes preguntas, ¿no? Ven aquí, Zanima. Venga, si miedos. Oye, no se ha dormido. Te estaba mirando atorrado, te estaban mirando ahí a los ojos a ver si te quedabas dormido, ¿no? Sí. Correcto. Gutenberg, para mí, es mi nemesis en WordPress. Es tu nemesis, bien, genial. Eres mi archienemigo entonces. No, en realidad tú serías mi archienemigo. Lo que pasa es que como siempre, dice Refrán, conoce tu enemigo y está cerca de tu enemigo porque entonces sabrás cuándo te va a atacar. Correcto. Entonces lo que quiero conocer yo y lo que me ha querido gustar ahora, escuché, ¿tú eso es cómo funcionar con Gutenberg? No son esta chafla. Si te pillo con el aprende.com, yo creo que podré poco a poco ir domandolado, es tía. Lo que hay que quitarse es el miedo. O sea, es lo que he dicho al principio de la charla. Hay mucha gente que lo que tiene es miedo al cambio y probarlo no cuesta nada. Creáis un entorno de desarrollo y ya está. Miedo y el miedo de por desconocimiento. Claro. Porque yo, por ejemplo, decía esto y muchas veces cuando me he puesto con el Gutenberg, por ejemplo, código HTML dentro del post de WordPress, me he visto que me ha hecho cosas raras. A lo mejor tenía el HTML, a lo mejor tenía video incrustado o imágenes incrustadas y lo único que he conseguido es un montón de letras raras que son el código en bruto de las aperturas y lo que veas, el LLB, no sé qué, el LLB dice cuántos y ese es, por ejemplo, mi problema. Como, por ejemplo, con Gutenberg, como puedes domar lo de forma para que haga lo que tú quieras. Como comprenderás la pregunta, la respuesta al final eres tú. La respuesta al final eres tú en el sentido de eres tú el que, primero, no te lances a hacer algo en producción directamente con Gutenberg si de momento no lo controlas, pero lo que sí puedes ir es ir creando cosas que sean más sencillas o te creas un entorno de desarrollo en el que tú puedes ir probando de todo. Porque eso es lo que te va a facilitar al final y es el proceso de aprendizaje que va a tener. La gente se piensa que tiene una curva muy exagerada de aprendizaje, pero la verdad, en mi opinión, no tiene tantísima curva de aprendizaje. Evidentemente, perdona, venimos de estar utilizando quince años la misma cosa. Eso no es que esté aprendido, es que eso es como lo de, ya está, ¿sabes? Yo personalmente tengo el oficial y tengo uno de chancho viejo. De pruebas. Sí. De pruebas para romperlo, para colocarme la base de datos si es necesario y volver con hacer una y otra y otra vez. Pues ese es lo que tienes que machacar hasta que funcionen las cosas como tú quieres. Es una de las cosas que quiero hacer. Y lo has dicho justo al principio, es hacerme los bloques reutilizables. Como si fueran una plantilla. Disportarlos en Jason y luego saber qué es lo que tengo que hacer con mis bloques que mantengo el mío oficial y otro de una formación fotográfica, qué es lo que tengo que colocar y cada uno de los bloques para poder. En este caso, lo único que tendrías que hacer, tú los portas en Jason y te estás llevando lo que es el bloque en Bruto. Pero no te estás llevando, no te estás llevando estilos. Entonces, cuando tú lo importes en el nuevo, en el otro blog, para que me entiendas, o en el de producción, lo que tienes que hacer aparte de ese archivo Jason, importarlo, lo que tienes que llevar también son los estilos para pegarlos en tu hoja de estilos para que tengan el formato que tú deseas. Porque si no, lo que vas a ver es caos, que igual es lo que te ha pasado. No te has llevado los estilos, entonces tú ves algo que es un amasijo de contenido como tal. Primero, felicidades por la charla. Y segundo, ¿podría ser un sustituto los bloques en los campos personalizados, pero más vitaminados? Se pregunta, tiene mucha trampa. Tendría que haberme soltado más el pelo. Sí y no. Los campos personalizados en Wordpress siempre tienen que existir. En mi opinión, no deberían ser sustituidos por los bloques, pero es mi opinión. Mi opinión, porque los campos personalizados, como habéis visto con la charla de Mao y con plugins como AFF, Metabox, POTS, etc., te permiten hacer muchísimas más cosas de lo que por el momento te permite hacer un bloque. Que luego en unos años eso se amplíe y exista la posibilidad de que estén más o menos a la par. Pero hoy en día uno está aquí arriba y el otro está aquí abajo. Entonces, yo, para muchas veces que sigo haciendo, sigo tirando de AFF, incluso creando bloque con AFF, que también si no sabéis javascript y no queréis pegar en crear el bloque nativo, lo podéis hacer a través de PHP con AFF, que es súper sencillo y está todo muy bien documentado. Bueno, como queréis. Eso lo permite con lo que he dicho al principio. Si tú coges, o sea, tú coges todo ese contenido en bloques, vale, y lo guardas… O sea, cuando digo todo ese contenido es que tiene multiselección de bloques. Tú puedes seleccionar todos los bloques de tu página y lo guardas como un bloque reutilizable, vale. Lo cargas en otra página, pero en vez de darle al botón de editar, lo que haces es convertir en bloque normal y tienes todos los bloques para utilizarlos como a ti te vengan en gana. Es más, si quisieras, por ejemplo, llevas una imagen y la quieres cambiar de SIT, simplemente lo mueves, lo cambias o incluso eliminar bloques que te sobren para esa plantilla. Y es sencillísimo a nivel de usuario, porque tú lo guardas como reutilizable, como te he dicho. Y lo único que tienes que hacer es un clic de convertir en bloques normales antes de darle a editar. Si le das a editar y lo cambias es cuando la vas a… joder. Porque lo que vas a hacer es cambiar todos los estilos de los dos a la vez. ¿Y los custos post-it también funciona o no? Con los custos post-it ahora mismo funciona con lo de las plantillas de bloques, ¿vale? Si tienes una plantilla creada, también puedes utilizar bloques como tal, pero eso viene un poquito más adelante. De hecho, están trabajando ahora en ello y, según me dijeron ayer, lo que vais a poder es seleccionar una plantilla de bloques o una estructura de bloques y asignarla a un archivo, por ejemplo, product.php. Lo que antes era un page template, ahora lo que le vais a poder asociar va a ser una plantilla de bloques predefinida, con algo parecido a los blog templates. Pero eso está en desarrollo. Finalizamos con esta pregunta, ¿vale? Sí, gracias. Yo quería preguntar, supongo que conoces estos plugins que ofrecen colecciones de bloques. Sí, sí, lo conojo. ¿Te recomiendas alguno? Mira, esa pregunta me la han hecho un montón de veces y yo la recomendación que hago es coge el que sea más acorde a tu proyecto. Sé que es una mala respuesta, pero en realidad es la mejor respuesta, porque tienes que coger, o sea, la colección de bloques que tú de verdad vayas a necesitar. ¿Vale? El problema es que hay tantas. ¿Vale? Hay 40…, espera, lo último que lo conté, en Irún eran 43 y ahora hay como tres más nuevas. Hay como 46 colecciones de bloques actualmente en el repositorio, de forma gratuita. Entonces, es un poco hacer ese filtro. Las más conocidas, Ultimate Add-ons, que es de la gente de Astra, tienes Atomic Blocks, que es del tema de Atomic Blocks, que se llama igual. Tienes Cadence con cada kilo. Ahora ha salido una que está bastante bien, que se llama Kiyoken, que no la conoce tanta gente. Hay otra que se llama Cosmic Blocks. O sea, al final hay un montónazo de colecciones de bloques. El problema es eso. ¿Cuál de verdad voy a necesitar? Porque si lo que estás buscando es dos bloques en concreto de una colección de 24, está el gestor S, que puedes eliminar todos los demás. Me va a preguntarte, parece que hay distintas opciones de que eliminas. Ah, pues esas opciones maravillosas. Está bien, ¿verdad? Maravillosas, porque solo cargas lo que tú de verdad estás utilizando, todo lo demás, fuera, yo no lo quiero. Siempre nos hemos quejado mucho de Jetpack, que es un plugin súper vitaminado que tiene mil opciones, pero Jetpack era de los pocos plugins que tú decías, esto no lo quiero, esto no lo quiero, esto no lo quiero, esto no lo quiero y no te lo cargaba. Mientras que otros, yo te cargo 15 cosas y las 15 las llevas cargadas, hagas lo que hagas. Con las colecciones de bloques, lo que tienes es que esos bloques que tú no quieres, los deshabilitas. Y si tienen, pues yo qué sé, si ese bloque tiene una dependencia que carga un archivo javascript o alguna historia así, pues ya no te cargas ese, ya no te está cargando ese archivo, no te está cargando esa hoja de estilos o no, todo eso es lo que va a hacer. Primero, que el editor vaya más rápido y que a la hora de entrar en tu página web, pues no estés cargando tantas dependencias ni tantas líneas de código que no necesitas para nada, al final es optimizar. Y en cuanto a colección, lo dicho, es un poco hacer una búsqueda de cuál es la más ideal para tu proyecto. Esa es mi respuesta para todo lo que me diga, ¿qué colección prefieres? No sé qué. Yo he utilizado, de esa estrés o cuatro que te he dicho, he utilizado casi todas, ¿vale? Y todas funcionan bien. Muchísimas gracias a vosotros. Muy bien, un fuerte aplauso por la gestión, José Ángel, gracias.