 Prometido, además, os pedéis ir cuando queráis, no os voy a mirar mal, ni nada, podéis salir tranquilamente, no soy rencorosa. Como os voy a decir ya, la chica pató dedicada a la gestión de proyectos para autónomos y pequeñas empresas con negocios digitales basados en órdenes. Accepción, en principio, de otros sitios que le habéis podido ir o que le iréis. Celí, en este caso, lo que quiere es que, si tenéis alguna duda, le pagáis haciendo preguntas mientras que ya va haciendo todo lo que se está haciendo. Es una idea que, al final, si suele crear una pregunta, lo que sea, no podáis hablar de la primera. Pero bueno, que sepáis que si es la nueva, pues lo antes de alliéndolo, podéis hablar en casa. Vale. Bueno, pues se empiezo. Muchas gracias. Gracias a vosotros, gracias a la organización. Antes de empezar, si tenéis alguna pregunta, aunque quiero que me las hagáis al momento, en lugar de empezar a hacer la pregunta, levantar la mano, que va rosa con el micro y la tenéis que decir al micro, sino no se queda grabada y quedaría un poco raro en Wordpress TV cuando suba la ponencia. Entonces, yo quiero proponeros este taller como si fuera una cita, una cita conmigo, tranquilos, una cita con Gutenberg. Vale. Entonces, yo no tengo mucha experiencia, hace mucho tiempo que no tengo una primera cita, al menos. Pero bueno, creo que hay como, o sea, un poco así recordando hace muchos años ya, pero creo que hay como unas cinco pruebas que tienes que superar en una primera cita. La primera de ellas es romper el hielo, porque la primera cita siempre está super cortado, ¿no? Pues venga. Vamos a romper el hielo. La que va a hacer de intérprete entre el editor de bloques y vosotros, soy yo. Así es como me gustaría estar ahora mismo, o al menos como estoy por dentro, porque bueno, pues yo no tengo mucha experiencia hablando. Digamos que hablar no es lo que se me da bien. A mí se me da bien escribir y ayudar a otras personas como asistente virtual y como copywriter. ¿Vale? Os dejo aquí mis redes sociales, pero no les hagáis ni caso, porque yo las redes sociales no las tengo instaladas en el móvil por motivos de privacidad. Ya que imaginaos cuando voy a ver yo vuestro mensaje si me habláis por ahí. Si me escribís al correo, ahí sí, en 24 horas tenéis contestación. Seguro, estoy siempre engancha al correo, ¿vale? Entonces, bueno, pues vamos a romper el hielo, porque yo que soy copywriter, es decir, que creo contenido para WordPress y que soy asistente virtual, que gestiono diferentes sitios de WordPress para mis clientes, vengo a hablaros del editor de WordPress. Yo no tengo ni idea de diseño, os vais a dar cuenta cuando empiece a montar bloques y os enseño cómo hacerlo, que lo que viene siendo diseño yo no tengo ni idea. Y que tampoco tengo ni idea de programación. Yo no he tocado una línea de código en mi vida, nada más que para copiar y pegar, donde me han dicho que tenían que copiarla y pegarla. Y si no funciona, yo el copywriter sí lo puedo hacer, pero el resto no. Y aquí Olga se va a llevar las manos a la cabeza. Me llamo Celi y no he instalado un WordPress en mi vida, ¿vale? Todos los WordPress con los que trabajo, los ha instalado el programadora, la programadora que haya creado esa web. Yo simplemente me meto a toquetear las tripas, pero el contenido, la maquetación de contenido. Entonces, ¿por qué vengo yo a hablaros de Gutenberg? Pues os vengo a hablar de Gutenberg porque soy una usuaria un poco hardcore, porque es verdad que uso muchos tipos de instalación, trabajo con páginas que tienen cursos online o con otras páginas que son membership sites, otras páginas que son tiendas físicas. Entonces, trabajo con diferentes sistemas, he visto muchas web por dentro y sé cómo funciona el editor de bloques, porque llevo usándolo, además, desde que era un plugin en beta. O sea, que he pasado por todas las fases del editor de bloques, desde el principio donde casi todo el mundo lo odiaba, menos algunos frikis, que estarán en el track 3, seguramente, ahora mismo, ahora que el editor de WordPress realmente da muchas posibilidades de maquetación. Entonces, cuando a mí me dicen, tienes que hablar del editor de WordPress a nivel usuaria, en vez de estar con esa cara de miedo y con este cuerpo de miedo que tengo ahora mismo, pues se me pone la cara de flipada. Ay, sí, sí, el editor de WordPress me encanta, es maravilloso, ¿vale? Y si yo soy capaz de sentirme tan cómoda con el editor de WordPress, sin saber nada de código, nada de CSS, recordad, si me veis preguntas de ese tipo, no os voy a poder contestar. Si yo soy capaz de sentirme cómoda con él, cualquier hijo de vecino, cualquier cuñado vuestro podría, con un poco de práctica, ¿vale? O sea, es cuestión de jugar con el editor de WordPress, hacerse a él y en un par de horas, más o menos yo creo, ya podéis estar cómodos con él, ¿vale? Entonces, ahora os toca a vosotros. Ya me he presentado yo, ya os he explicado que tengo yo derecho a venir a hablaros de esto, si es que tengo alguno, quiero conoceros a vosotros. ¿Quién usa el editor de WordPress de forma normal? ¿Vale? Estas son las personas, menos una que está aquí, seguramente no se puede ir, porque es mi sombra. El resto son los que se van a salir luego a las 12 y cuarto a ver las charlas de Nagay o de Adrián, tenéis permiso, porque seguramente no os enseñe nada nuevo a los que lo usáis de forma regular, ¿vale? ¿Quién usa otros costructores visuales? Veas Elementor, Divi, ¿vale? También, muy bien. Pues a vosotros os voy a intentar convencer de que os cambiéis, ¿vale? Hoy voy a intentarlo con todas mis fuerzas. Sé que lo voy a tener difícil, porque Elementor, sobre todo, es muy potente, pero también os quiero hacer ver que quizá podéis hacerlo lo que necesitéis. Ya lo podríais hacer con el editor de bloques y restar el peso que os da a tener Elementor instalado en la web, ¿vale? ¿Y quién usa el editor clásico? ¿Vale? ¿Y alguien que no haya usado nunca WordPress y es la primera vez que se está acercando a este mundo y nunca se haya metido a maquetar nada con WordPress? Nadie, ¿vale? Entonces, realmente este taller está pensado también para esas personas que no... Si hay alguien viéndolo en WordPress TV, que sepa que voy a empezar desde el principio, voy a ir muy rápida con los primeros pasos, porque veo que todos tenéis algún tipo de experiencia con el editor, pero bueno, que iré subiendo de nivel, ¿vale? O sea, al final quizá os interese el taller, pero los primeros pasos van a ser como muy sencillitos. La segunda prueba, hay que elegir un entrante. Esto es complicado, porque cuando no conoces a la persona con la que estás enfrente, a ver qué pides, ¿no? Es vegana, es vegetariana, tiene intolerancia al gluten, le gustará, no le gustará, le gusta las cosas dulces, saladas. Y yo pensando, pensando, digo, ¿qué se puede pedir al entrante que le gusta a todo el mundo? Y digo, uy, ¿la ha pasado? Ah, no, no ha pasado nada, aquí. Una croqueta, pues vamos a empezar por una croqueta que es muy sencilla y las hay para todos los gustos, ¿vale? Entonces, vamos a empezar con la parte súper sencillita. No os preocupéis que nos voy a poner un plato de croquetas como ese, que son demasiadas, va a haber una croqueta por cabeza. Va a ser súper rápido, ¿vale? Os voy a enseñar cómo añadir, cómo eliminar bloques, cómo moverlos y arrastrarlos y agruparlos, porque luego vamos a hacer cosas muy chulas que es de grupo y quiero que se pague como agruparlos. Segundo plato, aquí tenía el mismo problema, ahora qué plato pongo yo que le vaya a gustar a todo el mundo. Y después de darle unas cuantas vueltas, pues digo, una pizza, una pizza también le puedes echar lo que tú quieras encima y lo normal es que a casi todo el mundo le guste la pizza de alguna manera, ¿vale? Hay un montón, no sé el número, no me sé el número, pero hay un montón de bloques nativos de WordPress para maquetar todo lo que, o casi todo lo que necesitáis, ¿vale? Entonces, no los vamos a ver todos porque no tendría con la hora y cuarto que mandamos para ver el taller, pero voy a enseñaros los que yo creo que son más interesantes, los que yo uso más para mis clientes, si tenéis preguntas sobre uno en concreto que vosotros necesitéis, me preguntáis, ¿váis ese es el momento de decir y el bloque de tal hay, pues si yo no sé si lo hay porque no los conozco todos, no los he usado todos, lo buscamos en ese momento y si no lo hay, os cuento cómo encontrarlo, ¿vale? Ahora el postre, el postre no me calentaba mucho la cabeza, yo soy la que deja siempre espacio para el postre, entonces he puesto mi postre favorito, que además es especial en esa work-hand porque la primera vez que yo probé un culant de chocolate fue en Barcelona, entonces para mí este es un postre especial, ¿vale? y esta es para mí el mejor plato de una cena, el postre, entonces he dejado lo mejor para el final, que son los bloques reutilizables, muy útiles, los patrones y luego hablaros de otros plugins de bloques que tenéis para ampliar mucho las funcionalidades, las posibilidades que os da el editor de bloques, ¿vale? y realmente con estos plugins de bloques ya no vais a echar de menos al elemento, ¿vale? con el nativo quizá algunas veces sí, pero con los plugins de los que os voy a hablar ya no, ya lo tenéis todo, ¿vale? y de edición de sitio lo he puesto, porque sí que es posible ya en los nuevos temas de WordPress editar la página entera, el tema entero con bloques, con los nuevos temas de bloques pero yo no os voy a hablar de esto, tenéis una charla dentro de dos, David, creo que va a hablar de la edición de sitio todo con bloques, ¿vale? para que vengáis a él, ahí yo no me voy a meter sobre todo porque no me va a dar tiempo igualmente así que no me voy a meter. Entonces, vamos a la croqueta, ¿vale? Muy bien, pues yo he creado una página en el escritorio de WordPress y podéis venir tanto a entradas como a páginas y añadir una nueva. Lo que yo os voy a contar hoy de maquetación os valdría lo mismo para una entrada que para una página. Hoy en día ya podéis maquetar tanto en redas como páginas estáticas si habéis venido al taller de Olga antes, os ha contado la diferencia entre una entrada y una página. Entonces, podéis añadir las dos y modificar las dos de la misma manera, ¿vale? Volvemos aquí. Entonces, primero hemos dicho cómo añadir. Bueno, añadir sería muy fácil, simplemente dándole al más aquí. Se añade el bloque que queráis. Aquí también podéis buscar si os apetece añadir un bloque concreto. Por ejemplo, quiero una lista. Pues aparecen todos los que dicen lista, ¿vale? O simplemente aquí, si escribís, se van a crear de forma, por defecto, bloques de parrafo, ¿vale? Y otra forma de buscar, que ésta no la conoce todo el mundo, es añadiendo la barra inclinada. Y aquí aparece, es una forma muy rápida, de buscar los bloques que más utilizáis, pero si empezáis a escribir, pues os va apareciendo el que estáis buscando, ¿vale? Si puede ser este, puede ser encabezado, ¿veis? Como aparece el bloque que estáis buscando. Si sois más de usar el teclado, en lugar del ratón, aquí en estos tres puntitos, podéis ver los atajos de teclado. Y aquí os tenéis todos los atajos de teclado que podéis usar con el editor de bloques, para añadir, quitar bloques y hacer un montón de cosas entre ellos. ¿Vale? Ya sabemos cómo añadir bloques. Voy a poner, por ejemplo... He añadido unos cuantos bloques de parrafo. Voy a añadir, por ejemplo, una imagen. Me voy a la biblioteca de medios, porque yo ya tengo varias fotos aquí. Me voy a poner a mí misma de flipada, con los bloques de Gutenberg. Aquí la voy a hacer un poco más pequeñita, porque no me interesa. Si le damos aquí, sale la barra lateral y podemos editar un poco más en profundidad cada bloque. En sí, el bloque que yo tenga seleccionado es el que me va a enseñar aquí cuáles son los ajustes que puedo cambiar, ¿vale? Entonces, si yo me voy al de la imagen, pues esta imagen, yo no la quiero tan grande, la quiero en miniatura. Porque si no, me como la pantalla con la imagen, ¿vale? ¿Cómo moverlos? Así, los podéis mover con estos iconos, arriba y abajo, así de simple, los podéis arrastrar pinchando en los seis puntitos, ¿veis? Y una forma muy fácil de mover, sobre todo cuando tenéis mucho contenido, sería abrir esta lista de lista y arrastrarlos así. Así de simple, ¿vale? ¿Cómo eliminarlos? Bueno, si le doy a retroceder, lo borraría, pero vosotros no lo veríais, porque el teclado lo veo solo yo, pero si le dais aquí a estos puntitos, veis aquí, pone a eliminar la imagen. También tenéis un atajo de teclado. Lo mismo podéis hacer aquí con uno, ¿vale? Desde aquí podéis hacerlo tanto desde la vista de lista como desde el editor en sí. Si queréis eliminar varios a la vez, seleccionáis aquí los que queráis y los elimináis. Los elimináis a la vez, ¿vale? Pero yo no quiero eliminarlo. Quiero crear un grupo. Pues voy a agrupar. ¿Veis aquí que os da esta opción? Pues agrupo, ¿vale? Entonces ahora, si yo quisiera, por ejemplo, meter este párrafo grande entre la imagen y este párrafo pequeñito que forma parte de un grupo, no podría simplemente darle a la flechita, porque me salta el grupo entero. Tendría que cogerlo y arrastrarlo dentro, aquí, o cogerlo aquí y arrastrarlo, aquí lo puedo poner fuera y aquí lo pongo dentro, ¿vale? Es bastante modular, es muy fácil de manejar. Pues ya sabéis, ya no se hemos tomado la croqueta, ¿vale? ¿Estamos a lo importante? Venga, entonces, vamos a empezar por el bloque más sencillo, que es el bloque de párrafo. Al menos para mí, ¿no? Yo soy creadora de contenido y los bloques que más añado son bloques de párrafo. Entonces, vamos a ver cómo los podemos editar y vamos a ir saltando a bloques más complicados que cada vez van a tener más opciones, ¿vale? Aquí, en el bloque de párrafo, es el color que le podéis dar al texto. Por ejemplo, imagínalo que lo quiero azul. Podéis cambiar el fondo. Podría ponerle un fondo gris. Perdón. Podría cambiar si yo tengo determinado en el tema. Esto normalmente ya está determinado en el tema, el color de los enlaces. Pero a lo mejor yo, en esta página concreta o en este bloque concreto, quiero que mi enlace tenga un color distinto. Cuando yo enlace cualquier palabra con un enlace externo, pues lo podría determinar aquí. ¿Vale? Al ser un bloque de párrafo, lo que más opciones te da es todo lo que tiene que ver con el contenido escrito que lleva. Entonces, como veis aquí, lo que se ve, lo que está completo. Sí, en tipografía podéis elegir entre las fuentes que vengan instaladas en vuestro tema. Podéis cambiar el tamaño. Lo podéis hacer así por los... Estas son secciones, son tamaños que ya vienen determinados por el tema. Y os recomiendo usar estos tamaños, los que hayáis determinados en el tema. Porque si el tema está bien hecho, normalmente estos tamaños son responsive. Se van a ajustar a pantallas pequeñas o grandes, dependiendo de donde las esté viendo el usuario. Si venís aquí, podéis ponerle un tamaño en píxeles determinado, un tamaño en lo que queráis. Pero el problema de esto es que este tamaño que pongáis a manos no va a ser responsive. Entonces, si como yo no tocáis código, os recomiendo venir aquí y usar estos, usar los que vienen determinados por el tema. ¿Vale? La apariencia ya se puede cambiar, podéis poner encima. Fina y cursiva, por ejemplo. Y la decoración de tachado o la línea de bajo. Todo eso lo podéis cambiar aquí. Y también podéis ponerlo todo en mayúsculas, por ejemplo. Cuando vayáis a añadir contenido y queráis añadir algo en mayúscula, no lo escribáis en mayúscula. La buena práctica es escribirlo como una frase normal, su primera en mayúscula y el resto en minúscula, y luego usar esto. Es mucho más accesible de esta manera. Así que os recomiendo hacerlo así. Incluso podéis cambiar el espaciado entre líneas. Esto no es algo que os recomiendo hacer a no ser que seáis diseñadores y sepáis lo que estáis haciendo. Normalmente las fuentes ya vienen diseñadas bien diseñadas para que tengan el espacio que deben tener entre ellas. Pero imaginaos que vosotros sois diseñadores y pensáis que aquí un espacio de tres viene fantástico. Si vosotros lo decís, pues me lo creo y lo podéis hacer. Pero si no sabes lo que estás haciendo, no lo toqueis. Al menos esta es mi recomendación. Y algo más que me deja este bloque es añadir relleno y margen. El relleno, de nuevo aquí veis que hay unos intervalos que vienen por defecto. Estos son los que os recomiendo usar. De nuevo por el tema de ser responsivo o no. Si los cambiáis a mano, lo que pongáis aquí ya va a ajustarse a todas las pantallas este número. Si no vais luego a hacer como media queries de que cada tipo de pantalla vaya a tener su estilo, algo que yo no podría hacer, por ejemplo, os recomiendo usar esto, que siempre va a ser responsivo. Y además, lo bueno que tienes es que imaginaos que aquí yo quiero mucho espacio que me deje mucho espacio a los laterales, pero arriba y abajo no, pues podría, si le dais aquí, decidir que arriba quiero menos y que abajo quiero menos. Vale. Y ya se me ha quedado como a mí me gusta. Fijaos que en el momento en el que yo no estoy tocando el bloque, esto es algo que a mí me pasa mucho porque uso el ratón y son un poco torpecillas, que siempre me salgo. Y aunque yo me ven aquí no hay nada, eso es porque no tengo el bloque seleccionado. Al principio, si no estás acostumbrado a usar esto, pues te puedes volver un poco loco. Tienes que estar dentro del bloque para poder editar los ajustes del bloque. Y aquí me falta el margen que, sólo para mencionarlo, es el espacio que va a dejar con el bloque de arriba y abajo. ¿Vale? Está dejándome un espacio hacia arriba. En este caso hacia arriba porque lo tengo así. ¿Qué puedo echar yo de menos en este bloque de párrafo? Pues, por ejemplo, imaginaos que a mí esto me gusta así, pero le quiero poner un bordecito de color. Quiero ponerle ese diseño porque de repente se le diseño y digo, esto le va a quedar bien un bordecito. Así no puedo, pero tengo un truco. Si yo agrupo porque yo puedo agrupar diferentes bloques y crear un grupo con diferentes bloques dentro del grupo, pero puedo agrupar un solo bloque. Si yo le he dado aquí a los tres puntitos y me vengo a agrupar y se me crea un grupo dentro de ese grupo, solo tengo este bloque. ¿Qué pasa que yo a este grupo, ahora yo sí le puedo poner un bordecito? En realidad puedo hacer muchísimas cosas con este grupo. Me vengo aquí a la parte de estilos y bajo y de repente veis aquí que yo puedo elegir el color del borde. Este es el que me sale por defecto, pero a lo mejor quiero que sea más gordo. No lo hagáis tan gordo. ¿Vale? Pues imaginaos que quiero tres, pero aparte no solamente eso, sino que puedo ponerle guiones, puntitos. ¿Lo veis bien? No sé si se... Incluso le puedo poner un radio. ¿Veis? Se está formando un radio. Pero en este caso lo que voy a hacer es que... Mira, aquí no sé si me va a funcionar, pero Olga mencionaba antes en su taller la copia de estilos. Voy a copiar los estilos. Esto funcionaría si yo, por ejemplo, me vengo a este bloque y le digo, pegar estilos. Aquí. A ver si me hace caso. Me ha dicho que no. ¿Por qué? A ver, continuar. Si antes me dejaba, yo lo hice. Ese tiene aquí. Ya está. Es que la primera vez te dice que no sabe. Pero veis, acabo de copiar los estilos. Aquí lo único que tengo diferente es que está dentro de un grupo. Pero lo que es el bloque de párrafo, acabo de pegar el estilo. ¿Vale? Esto es muy útil para no tener que replicar el trabajo todo el rato. Si de repente encuentras un estilo que te gusta y quieres aplicarlo a todos, pues solo tienes que pegar el estilo. Entonces, lo que voy a hacer para enseñaros un poco cómo funcionaría voy a quitarle el fondo aquí. ¿Vale? Y voy a ponerle al bloque el fondo para que se vea bien. Ahora sí. ¿Vale? Veis que he cambiado para poner los estilos. Tengo que ir siempre al bloque que quiero editar. ¿Vale? Esto es importante. Vamos a ir a la vista previa para que veáis cómo queda. ¿Vale? Quedaría así, porque no lo he puesto en ancho ni lo he puesto en nada. Imaginaos de repente pero, por ejemplo, esto podría hacer voy a venir un momento al bloque de párrafo y le voy a quitar esto que le he puesto tan amplio, ¿vale? Se lo quito y me vengo al bloque de grupo y le digo que el contenido quiero que ocupe pues 800. No sé cómo se va a ver. Vamos a probar. Se ha guardado. Se ve igual que antes, se estaba viendo. Voy a ponerle 400, a ver si se cambia. No se me está a ver, un momento. Me está haciendo caso. Esto sería muy pequeño. Ahora si habéis visto el cambio, ¿no? De repente le he dicho que el contenido del bloque quiero que sea muy estrechito. ¿Vale? Pero qué pasa si yo no quiero que el contenido del bloque sea muy estrechito, sino que quiero que el grupo sea muy estrechito. Yo tengo un truco que es que este grupo lo vuelvo a agrupar y le digo que es esto, lo que quiero que tenga 200, ¿vale? Y ahora vamos a tener que mirarlo así. ¿Por qué no me haces caso? Se me queda caché. Se me está quedando caché. No sé por qué. Bueno, si esto estuviera funcionando voy a hacer un duplicado. A ver si al ponerle un duplicado se le va el caché. De repente ahora están los dos. Venga, ya se ha ido el caché. Veis que acabo de ponerlo muy estrechito. Este sería mi truco para hacer si agrupas un grupo es como una matrioshka. Puedes decir que el contenido tenga un tamaño determinado y luego al grupo que tenga otro y vas haciendo una matrioshka es un tipo de bloque que da muchas posibilidades, ¿vale? Con este ajuste de ancho de contenido. ¿Qué más os puedo enseñar aquí? Aquí tenéis lo mismo lo mismo que haciais dentro del bloque de párrafo pues lo tenéis aquí también podéis decir que dentro de un grupo donde tenéis 500 párrafos hay una pregunta por aquí. Rosa, allí un porcentaje de la pantalla pues diría que no, que esto está en píxel pero lo vamos a comprobar juntos, ¿vale? Creo que aquí no, pues si tienes tú toda la razón si se puede poner en porcentaje tenéis la misma opción yo siempre lo había hecho en píxeles nunca me había preocupado de cambiar esto pero sí que podéis cambiarle el porcentaje entonces el porcentaje os va a coger el porcentaje de la pantalla, ¿vale? Y en realidad yo el porcentaje de la pantalla siempre uso el VH, si aquí ponéis un 100 en principio esto no sé cómo va a quedar pero vamos a... estamos con la caché pero bueno, en lo del VH os lo voy a enseñar luego, pero sí la respuesta es sí puedes cambiarlo como quieras o sea, que si sabes el diseño que podéis poner ahí un 20% pues lo puedes poner, ¿vale? Yo solamente os estoy os enseñando un poco cómo podéis jugar con los bloques después de esto, ya veréis que la quinta prueba de la cita ya depende mucho de vosotros y ya os explico luego entonces vale, esto es un bloque de grupo ahora os voy a comentar un poco cómo los bloques son más típicos si tenéis interés por algún bloque concreto, me decís, ¿vale? yo por ahora voy a enseñaros un bloque de columnas que es muy típico, como se usa un bloque de giro este tipo de encabezados que una foto ocupa al fondo que está con un color por encima para poner texto, para poner una llamada a la acción un botón, este tipo de bloques que es el que os voy a enseñar ahora, ¿vale? entonces busco una columna estos son todos los bloques que estoy usando son del editor nativo no estoy usando ningún bloque extra, aquí no hemos instalado ningún tipo de plugins, ¿vale? luego ya hablaremos de los plugins de forma muy cortita pero os hablaré de ellos entonces, por ejemplo, pues elijo esta columna que es a media, si aquí pues voy a os enseño así también como se hace yo puedo duplicar esta imagen y decidir que esta imagen y este parrafo me los traigo aquí ¿vale? y ahora arrastro y meto la columna, cuando no tiene nada todavía no le puedes mierda no sé muy bien por qué debe ser algo que todavía no está terminado de ajustar bien pero no puedes meterle nada así a la columna veis que intento meterlo en la segunda y no puedo no sé por qué, yo creo que en algún momento esto se podrá, pero ahora mismo no se puede pero desde aquí sí, yo puedo arrastrar y meter algo en una columna que está vacía ¿vale? y las columnas tienen prácticamente lo mismo que os he enseñado con el editor de, con el grupo lo podéis hacer con columnas y no solamente con columnas, sino con la columna en sí porque veis que aquí el bloque está dividido en el bloque general del bloque de columna que incluye todas sus columnas y luego cada columna es como un bloque independiente que también podéis modificar a vuestro gusto entonces, por ejemplo, yo quiero que esta columna tenga aquí no, porque no le he metido ningún texto, voy a para que tenga un poco de sentido lo que voy a hacer, voy a meter otro texto aquí, un poco más pequeño y quiero que esta columna de aquí sea que se alinee de forma centrada y que tenga un fondo gris en realidad va a quedar fatal pero bueno, os lo voy enseñando y en la segunda columna pues no quiero que tenga un fondo gris, quiero que tenga un borde un borde azul vale, un poquito más gordo y que tenga un poquito de relleno esa columna, pero esta no quiero que tenga relleno, esta simplemente voy a centrar como si fuera, incluso de un párrafo a un encabezado y a una lista los puedo ir intercambiando por ejemplo, esto lo uso yo mucho que a lo mejor escribo y de repente quiero que una frase no sea una frase, no sea un párrafo sea un encabezado, que me sirva para jerarquizar el contenido entonces puedo convertirlo en h1, h2, bueno en h1 mejor que no, h1 es el de arriba pero h2, h3 que son los niveles de jerarquización que tenéis en el documento que estáis escribiendo en la página y yo decido que esto es un h2 pues un h3, para que quede un poco más pequeño para enseñaroslo entonces este podría decidir que quiero un poco más de relleno, un h1 y este le había dicho un h1 pero lo voy a poner para que veáis que se pueden poner diferentes, ya tenía un 2 pero luego al de columna pues también podría ponerle pongo bordes porque es lo que visualmente es más fácil de ver y un poquito de relleno para que se separe o sea, puedo montarme un diseño bastante avanzado es verdad que así no es que esté quedando bonito por supuesto porque lo estoy haciendo mal y rápido porque yo no tengo nociones de diseño a mí si me dan un diseño, yo soy capaz de replicarlo, o sea, si tú me das esa estructura, ese white frame que tú contabas, yo soy capaz de replicar eso en bloques que me han dicho, vale, esto tiene que tener este espacio, esto va de este color esto va de este otro, algo que no se ha contado, que es una cosa que a mí me flipo bastante, es el nivel de aquí al poner un borde yo puedo hacer que cada lado del borde sea distinto, por ejemplo imaginaros que queréis que un borde sea amarillo y que este sea apunteado y que sea de 40 fijaos lo que estoy haciendo con este borde puedo cambiarlo cada lado del borde, podría ponerlo de un estilo diferente, o sea realmente es muy granular lo que se está ofreciendo ya el editor, vale vale, esto un poco para que sepáis cómo funcionan las columnas el bloque de columnas tiene casi o sea, incluso más que el bloque de grupo, más posibilidades una de las cosas que nos es el espaciado del bloque vuelvo al bloque de columnas, por favor y si me voy al espaciado del bloque se me ha vuelto a ir aquí que no está la pantalla muy pequeña y no veis que se están separando las columnas entre sí yo puedo hacer que estén más pegadas o más juntitas, que estén totalmente juntitas pegadas, vale vamos con el con el bloque de giro que normalmente queda mejor pero os avanzo que a mí no me va a quedar mejor, porque yo no soy repito diseñadora y lo estoy haciendo muy rápido y además estoy nerviosa entonces, venga pues el bloque de giro se llama fondo vale pues le doy a un fondo elijo una de mis fotografías por ejemplo pues esta misma vale y una de las cosas que tiene este bloque aquí es donde os mostraba el vh, este cuadradito que viene aquí si le dais esto hará que en cualquier pantalla donde se vaya a ver este bloque esta sección, este bloque ocupe toda la pantalla vamos a ver si vale, veis que si yo soy lo suficientemente me ha ocupado toda la pantalla si me muevo un poquito, ya vas a llegar el blanco, vale si yo me voy ahora a móvil no, pero tu blanco no, así sé que lo veis muy pequeño pero es solo para que veáis que de repente el bloque ha ocupado toda la pantalla del móvil así es como yo puedo decirle que este giro en cuanto habrás una web todo lo que van a ver es este bloque y si me voy a un iPad pues lo mismo, que pasa que el bloque de giro no está pensado para que ocupe eso, que es este espacio blanco eso es que a mí se me ha olvidado darle aquí a que lo giro de ancho completo aquí podéis cambiar podéis hacer ancho amplio que no termina de pegarse pero es un poquito más amplio que el contenido normal que tenéis y el ancho total este sería lo mismo que ponerle aquí donde estamos donde está el tamaño un segundito que lo encuentro, que a veces me cambian cosas de sitio aquí, altura mínima del fondo esto es un 100 de VH es este botón, vale si yo le pongo un 50 lo que me va a hacer es que me va a ocupar la mitad de la pantalla lo vean donde lo vean, si es en un móvil va a ocupar la mitad del móvil si es en un ordenador la mitad vale, pues lo puedo dejar así por ahora para que se vea un poco mejor lo que voy a hacer aquí tenéis el color de superposición que puede ser el que viene por defecto que yo diría que es negro pero si yo quiero que vaya un poco con el estilo que estoy usando pues lo puedo decir que sea azul lo puedo decir que sea más o menos decidir que el contenido que va a ir dentro de de este bloque esté ahí en el centro, que esté arriba esté en esta esquina, la esquina opuesta puedo decidir dónde ponerlo pero aquí lo más interesante es que no solamente podéis añadir lo que te está sugiriendo que es una frase, aquí puedes añadir lo que quieras puedes añadir una columna como la que os he enseñado antes, no como esa digamos, partiendo de ese concepto, pero mejor y añadir unas columnas con dos o tres columnas añadir botones, añadir lo que queráis podéis poner vuestra llamada la acción bien potente aquí dentro y este es un tipo de bloque que se usa mucho y seguramente en algún momento lo necesitéis otro bloque que también se usa aquí no os he enseñado algo que tiene este bloque de fondo que es que os deja aplicar este efecto de duotono, imaginaos que esto es porque os he puesto voy a quitarlo aquí este duotono podéis elegir como dos colores y os cambia la fotografía que vosotros hayáis usado os la cambia a estos dos colores elige cuáles son los blancos y los negros y os hace como una graduación entonces no tenéis que evitar la fotografía a vosotros en vuestro ordenador si lo que podéis hacer directamente aquí en la web y si algún día cambiáis de colores corporativos y estabais usando esto en vez de ir a editar todas vuestras fotos podéis simplemente cambiarle el duotono que tengáis expuesto encima otro bloque que se usa bastante en llamadas a la acción es el bloque de medios y texto esto es como una columna pero definida para que tengas siempre una fotografía a un lado y la llamada de acción al otro entonces aquí lo mismo elijo pues los cuñados del principio y a este lado ponemos el contenido lo bueno de esta columna o sea de este bloque en formato columna es que os deja quitarlo de una forma muy particular que a veces os puede venir muy bien por ejemplo aquí podéis decidir qué ancho va a tener así de fácil dependiendo de cómo os vaya quedando cuando lo veáis a pantalla completa puedes decidir justo lo quiero a 34 es muy fácil cambiarlo así solamente moviendo este selector y si un día decidís que en vez de a la izquierda lo queréis a la derecha pues ya está no tenéis que andar cambiando las columnas de sitio es bastante útil si estáis buscando algún tipo de llamada la acción de este tipo y aquí pues podéis poner un encabezado simplemente podéis cambiarlo así escribir lo que sea y ponéis un encabezado y aquí podrías poner un botón un CTA y un botón pues viene con unos estilos determinados que le habéis dado en el tema le habéis dicho que los botones van a tener este color pero vosotros podéis cambiarlo aquí veis que no encontraba el color de repente me he quedado así y he dicho ¿dónde está el color? porque no puedo cambiar el color es porque estaba aquí este es el bloque de botones yo aquí podría añadir otro botón más ¿vale? entonces hay un bloque general que contiene el botón que yo voy a tener y el botón en sí mismo es otro bloque y una vez que me voy a ese bloque de botón es donde voy a poder decirle que quiero el fondo pues este fondo lo quiero amarillo y el texto negro este botón quiero que sea distinto ¿vale? y este lo voy a eliminar y al botón en sí ojo que no estoy en el bloque general de botones que he metido aquí sino en el bloque de botón que esto a mí me pasa mucho y a veces digo me han quitado una opción porque guttenberg el editor de bloques cambia muy a menudo, lo están modificando, lo están mejorando cada dos por tres yo he vivido muchos pasos con el editor de bloques y hay veces una vez pensé me han quitado los bordes y yo era una enamorada de los bordes, yo así algo quería destacar le ponía un borde y de repente desaparecieron y es que lo habían cambiado de sitio simplemente lo habían puesto en otro sitio porque cada vez meten más información para que podáis hacer más cosas de edición y entonces claro es mucha información que tienen que comprimir en esta barra lateral, que ahora la última ha sido meterle dos secciones una de ajustes y una de estilos ¿vale? pero antes dos versiones anteriores creo esto no existía, estaba todo junto en el mismo sitio y era una ristra muy larga muy larga y tenían que meter ahí todo entonces, cada vez va a haber más cosas, esto va mejorando cada día, por eso yo animo mucho a usarlo, claro, yo lo estoy usando desde el principio realmente, o sea, tal y como está ahora es una maravilla, realmente se pueden hacer muchas cosas y lo mejor es que con el tiempo cada vez se van a poder hacer más cosas, si os acostumbráis a utilizarlo es que cada vez vais a hacer más poderosos digamos, en la magnificación de contenido entonces, a todo esto yo os venía a contar que una vez dentro del botón yo puedo venirme a los ajustes y decirle que me ocupe todo el espacio por ejemplo, que es algo muy útil cuando queréis pues maquetar bien y no queréis, o sea, como sea el diseño podéis ajustarlo, digamos que no es muy fácil ajustarte a un diseño que te dé un diseñador en un wireframe y tú tras pasarlo al editor de bloques muy bien, como veis yo no sé diseñar, no sé cuántas veces lo he dicho ya quiero que quede muy claro que esto es feo lo que os estoy enseñando no está quedando bonito porque yo no sé diseñar pero WordPress lo pone muy fácil con los patrones si os venís aquí a este más, que es donde yo buscaba los bloques que quería añadir me voy a salir del bloque aquí a poner un párrafo aquí podéis ver todos los bloques hay muchísimos yo he hablado de unos cuantos os hablaré de alguno otro pero no los voy a tocar todo ni por encima porque estáis viendo que se nos está yendo el tiempo los que llamamos más de la mitad y he hablado de tres bloques pero tenemos los patrones ¿Aquí vienen unos patrones? una pregunta por aquí, Rosa hablas de wireframe ¿Cómo lo haces para trabajar con un esquema que te ha pasado a otra persona o es decir ¿Cómo utilizas el wireframe para pasarlo a bloques? yo lo hago visualmente yo normalmente no creo páginas webs yo gestiono páginas web a veces de otras personas lo que me suele pasar es que los negocios en los que trabajo les va muy bien cada vez hay más cosas y quiero una landin nueva y no sé qué y no sé cuánto entonces de repente hay que me dice pero esta vez la quiero así porque he visto a no sé quién que tiene una página si quiero que me pongas este contenido o que me escribas el contenido para crear una página como esta ojo la copio no son diseños a mí un diseñador directamente no me pasa porque yo no soy el per mi perfil laboral es el cliente que te pasa es el cliente que me dice me gusta esta página y quiero la mía así yo solo tengo que mirarla o si yo sé el estilo del cliente y me dice necesito esta página pues yo se la creo más o menos con el estilo del cliente estaré que ya tienen el estilo que hemos determinado para ese cliente y entonces para mí es fácil hacerlo así pero digamos que yo no estoy definiendo pixel a pixel un wireframe de un diseñador es decir no te ha quedado claro yo tampoco soy muy partidaria del diseño entonces lo que busco es algo que sea súper funcionado yo soy partidaria del diseño pasa que no soy capaz pero me refiero que también es bueno algo práctico algo práctico y eso es justo y entonces quería saber si tenías algún... por eso te preguntaba de igual mejor utilices alguna aplicación no, esa ojo tengo unas pequeñas nociones de saber dejar espacios de no pegar yo sé que lo que os estoy enseñando aquí no está quedando bien sabiendo esa noción yo sé trabajar esto para que quede bien pero me lleva un poco más de tiempo pero no sigo unas medidas concretas ni nada que sea no, esto te lo voy a carcar exactamente igual porque el diseñador... tengo uno de un estético parecido tienes que aprovechar para hacerte otra pregunta no sé si sabes o tienes previsto o me podrías decir cómo hacer encabezados por ejemplo animados es decir que por ejemplo te ponga hola y te lo vayas escribiendo cosas sencillas yo no tengo... no te voy a hablar hoy de ningún bloco que así no lo conozco directamente pero estoy segura de que hay y seguramente alguno de los plugins de los que os voy a hablar que son aglomeradores de plugins, por ejemplo Cadence o voy a hablar de Cadence porque es el que me parece que tiene más posibilidades es probable que Cadence tenga una opción es gratuito Cadence es gratuito, sí que hace eso efectivamente, o sea, los bloques de plugins más avanzados ya os dejan hacer eso muchas gracias entonces, ¿qué pasa? cuando no tienes diseño como yo y no hay alguien que te ha pasado te ha dicho esto es lo que quiero, ¿vale? pues que te vienes a los patrones de bloques estos aquí en la web en el editor tenéis una serie de patrones ya recomendados, son patrones que ha diseñado a alguien los que están aquí normalmente están bastante bien hechos, ¿vale? entonces tenéis, pues por ejemplo, una llamada la acción, ¿vale? y aquí os vienen patrones que ya tienen una llamada la acción por ejemplo, imaginaos que os gusta esta de tres columnas porque queréis ofrecer tres niveles diferentes en vuestra academia pues simplemente de compinchar ya lo tenéis aquí y ahora solamente tenéis que modificarlo a vuestro gusto con vuestros colores corporativos lo que os sobre lo quitáis porque todo esto son bloques son bloques, si os vais aquí al estilo de lista mirad lo que se ha añadido una columna con tres columnas dentro y cada una de ellas tiene un patrono no sé por qué le llaman eso, eso es un cabezado párrafo, un separador una lista y un botón son bloques que podéis modificar a vuestro gusto quitar, poner, modificar como queráis ¿Qué pasa? que aquí sólo tenéis unos cuantos pero si os venís aquí a WordPress.org barrapates esto está en la presentación a la que tendréis acceso y hay un enlace, ¿vale? podéis venir aquí directamente aquí tenéis no sé cuántos hay pero más de 10.000, seguro, muchísimos patrones, cada uno es de su padre y de su madre los hay mejores y los hay peores pero en general están bastante bien y aquí podéis buscar por tipología o por palabras clave por ejemplo, imaginaos que yo estoy buscando un header porque os estoy intentando enseñar cómo hacer un header mis headers son feos, no están quedando bien pues lo estoy haciendo muy rápido entonces me dice que no hay headers no existen los headers, no puede ser hay 500 aquí están los headers, ¿vale? entonces yo puedo está cargando lento, bueno tenemos la wifi pero no pasa nada los podéis mirar fijaos que aquí os salen unos cuantos y tenéis hasta 32 pantallas como estas tenéis muchísimos os podéis tirar horas mirando a ver qué tipo de género os gusta lo bueno es que cuando encontréis uno que os guste si estáis logueados con vuestra cuenta de WordPress le podéis poner el corazoncito el like y luego después de ponerle un like lo tenéis en vuestros favoritos aquí incluso si vosotros fuérais diseñadores o de repente un día hacéis un bloque y os queda maravilloso y decís esto lo tengo que compartir con el mundo pues podéis crearlo aquí que esto podéis si le dais a new pattern no lo voy a hacer ahora para no liarme pero si os abre como un editor de bloques normal copiáis vuestro diseño lo pegáis ahí y le dais al botón que dice enviar para que alguien lo revisa y si está bien hecho lo aceptan y aparecen en el repositorio ¿vale? si habéis creado que van a aparecer en vuestros patrones y si simplemente sois como yo que lo que vais es bicheando a ver cuál me gusta cuál no para utilizarlo luego pues lo tendréis en vuestros favoritos porque lo habéis likeado ¿vale? pues imaginaos que este es el que me gusta ya lo tenga likeado o no yo puedo venirme aquí directamente decirle copy hecho un click en copy la página y lo pego y tengo un bloque que ha diseñado alguien que sabe de diseño precioso y ahora yo solamente lo tengo que cambiar a mi gusto por ejemplo imaginaos que yo el a esto no os lo he enseñado en es un como veis es un fondo es uno de los que os he enseñado yo al principio en el que pones la foto de fondo podéis decidir cada vez tengo más contenido aquí donde va a quedar la foto centrada si de repente tenéis una cara que queréis centrar podéis ponerle el foco en la cara y simplemente moviéndolo así ya lo tendríais siempre la cara aparecería en el centro de la imagen voy a hacer un poco de cambio aquí más claro incluso la imagen la quiero cambiar algo que os quería contar de imagen antes de hacer esto es que en medios podéis añadir directamente las imágenes que tenéis ya de la biblioteca las podéis añadir pero también tenéis la opción de openverse esto es un aglomerado de imágenes que tienen licencia de gratis comos que podéis utilizar en la web y por ejemplo imaginado que yo quiero otro tipo de árbol pues voy a buscar uno este este me gusta, quiero cambiar la foto si le doy primero al clicar se me va a añadir pero esto no era lo que quería yo quería ponerlo arriba en el momento en el que la he añadido aquí desde openverse esto lo puedo eliminar y ahora si me voy a mi biblioteca tengo la foto en mi biblioteca ya no necesito ir a buscarla a ningún sitio no necesito salir de mi editor para tener esas fotografías a mano para añadirla directamente la selecciono y ahora esta es la que me gusta he decidido que esta es mi foto y esto es lo mismo es un grupo que como veis tiene un filo un bordecito que le han puesto un bordecito blanco pues yo podría cambiarlo y cambiarlo de color o hacer lo que yo quisiera y si no lo cambio demasiado si me pongo a cambiarlo mucho seguramente en mi caso lo estrocaría pero si no lo cambio demasiado este es un diseño que va a quedar muy bien y que va a quedar muy bien ahora os quería hablar de un bloque que puede ser muy interesante no sé si para vosotros pero yo suelo usarlo para mi cliente que es el de redes sociales el de iconos y con él aprovecharé para hablaros de los bloques reutilizables yo he añadido aquí un bloque de iconos sociales que ahora mismo esta vacío no tengo ningún icono social pues yo quiero instagram quiero que más twitter por ejemplo y quiero mi perfil de WordPress vale, entonces para que se vean tengo que poner algo voy a poner un placeholder para luego yo rellenarlo con lo que quiera y os voy a enseñar un poco que esto también tiene muchas posibilidades de edición por ejemplo lo puedo centrar lo podría ajustar a los extremos si tuviera un montón, podría decir que me acupe el ancho completo no lo voy a hacer lo podría poner en modo fila si tengo un espacio muy pequeñito lo quiero poner en una columna muy estrechita puedo aquí en este lado podría cambiarle el cómo se ve hay tres estilos diferentes podría cambiarle los colores por ejemplo, quiero que el color del icono sea blanco y el color de fuera sea azul y así ya lo tengo con mis colores corporativos por ejemplo esto sería los colores corporativos de la WordPress no de los míos, pero me entendéis entonces otra cosa más que puedo hacer es decirle cuánto quiero que se espacien y creo que hay alguna opción más puedo ponerle relleno y margen también podría cambiar todo esto imaginaos que yo me he currado este bloque o cualquier otro lo voy a hacer con este ejemplo porque tiene sentido lo que os voy a explicar ahora y que yo ahora quiero meter este bloque en un montón de sitios de mi web siempre así, siempre así como lo estáis viendo ya tiene mis enlaces, ya tiene el estilo que a mí me gusta pues lo quiero meter siempre cómo me ahorro trabajo creo un bloque reutilizable voy a poner un nombre redes sociales uno y veis que se ha puesto moradito ahora ya sé que lo has actualizado vamos a ahí veis que está morado aquí también en la vista de lista tengo el bloque moradito y dentro de él el bloque de iconos sociales y dentro de ese bloque de iconos sociales cada uno de mis bloques aquí en este caso sólo puedo cambiarle que es la etiqueta y el enlace a cada uno voy a enseñaros para qué funciona esto voy a duplicar duplicar y duplicar ¿Qué pasa cuando yo tengo este bloque reutilizable? que cada vez que he bañado va a ser siempre igual este bloque va a estar siempre igual uno de ellos aquí para enseñaroslo en directo voy a decidir que ya no quiero que sea reutilizable quiero convertirlo en un bloque normal este bloque es un bloque normal pero los dos primeros son reutilizables si yo a este bloque normal le hago cualquier tipo de cambio como por ejemplo cambiarle el color amarillo y esto azul los que son reutilizables no han cambiado yo podría hacer cualquier tipo de cambio en este bloque normal sin que cambie nada pero si yo hago un cambio un día en un bloque reutilizable una vez aquí de nuevo me he ido a buscar los estilos del bloque y he dicho ¿Dónde están los estilos de mi bloque? y me he vuelto un poco loca tengo que entrar dentro aquí en el bloque reutilizable pero dentro de él y digo por ejemplo que el tamaño lo quiero más grande ¿Veis cómo han cambiado los dos a la vez? en cualquier sitio de mi web donde yo tenga este bloque reutilizable que va a cambiar cuando yo haga un cambio en uno de ellos es decir que si algún día dejo de usar twitter y empiezo a usar más todo como algunos de vosotros a lo mejor habéis hecho y quiero quitar twitter de toda mi web y meter más todo solo tengo que hacer una vez y en los 500 posts que tengo publicado desde hace años se va a cambiar al mismo tiempo entonces esto es muy útil os lo estoy enseñando con algo que tiene posibilidad de cambiar en algún momento porque metéis una red social más porque salga una nueva o lo que queréis y con un simple cambio ya podéis cambiarlo vamos a actualizarlo incluso hay un sitio donde podéis gestionar todos vuestros bloques reutilizables como si fuera un editor le dais aquí a gestionar desde el propio bloque reutilizable y se os abre una pantalla donde va a aparecer todos vuestros bloques reutilizables y le dais a editar se abre un editor en el que está solo se lo podéis cambiar aquí sin tener que iros a buscar dónde había metido yo este bloque reutilizable no, os vais a los bloques reutilizables os metéis en él, le hacéis el cambio que queráis metéis más todo lo que queráis y le dais a guardar y ya está ya no tenéis que hacer nada más se ha guardado en toda vuestra web esto es muy útil y bueno ahora vamos a hablar vamos a dejar un poco ampliar las funcionalidades del editor de bloques hay un plugin que yo siempre pongo en casi todos los proyectos donde trabajo que es el editor's kit entonces me vengo aquí lo voy a activar muy bien, ya está activo entonces imaginaos que metemos una lista vamos a decidir por ejemplo que tengo todo esto este texto selecciono y creo que puedo convertir los tres jarafos en una lista directamente así tengo una lista entonces el editor de bloques claro no os enseño la diferencia, dame un segundito que os quiero enseñar la diferencia de opciones que os da muy rápida estamos en la lista y aquí están las opciones que os da 10 minutos ya no me queda mucho muy bien, buenas noticias lo que os da es el color del texto por ejemplo si lo ponéis pues se pone todo azul el color de fondo como en un párrafo pero lo que viene siendo lista no os deja modificarla mucho os deja ponerlo en número o en bullet points y el número sí que te da la opción de bueno pues si quiero empezar por el 6 porque tenía parte de la lista antes pues ahora puedo empezar desde el 6 esto es útil, puedo ponerlo al revés si quiero hacer una cuenta atrás o algo así pero tampoco me estaba dando tanto diseño sin embargo cuando yo activo el editor skip os he dejado el enlace a este plane también todos los planes de los que os voy a hablar tenéis los enlaces y lo convierto aquí de repente imaginaos que yo quiero pues el texto lo quiero en negro pero ahora me está dejando ponerle un color al bullet point aquí no se está viendo de puesto ese color quizá ahora cuando veáis la cantidad de opciones que tengo quiero una estrellita pues la estrellita está en azul lo quiero un check quiero una cruz una línea hay muchísimas más opciones de las que me daba todo esto se puede hacer con css el que sepa de css se puede ahorrar muchos planes de código muchísimo más pero yo que no tengo ni idea y que me gusta ser independiente por favor, al mes a clase css pues claro me gusta tener este tipo de opciones para modificar y personalizar un poquito más las páginas de mis clientes algo que hace este plugin también que a mí me gusta mucho es el hecho de que en ajustes añade esta pestaña de responsive que significa que yo puedo decidir que este bloque en el que estoy me lo enseñe en ordenadores pero que no me lo enseñe si alguien está mirándolo desde el móvil esto puede ser útil por ejemplo si tienes una página con bastantes fotos con estructuras a dos columnas donde siempre hay una foto a un lado y texto al otro pero cuando lo quieres enseñar en un móvil tanta foto te carga demasiado es como que el scroll se hace muy largo y de repente dices pues en móvil no quiero que esta foto se vea que no quieres que se vea en el móvil y te vienes a esta nueva pestaña que nos ha añadido el editor's kit que es el plugin que acabo de instalar y le dices que te lo escondan móviles entonces si yo actualizo y me voy a verlo y me voy estamos en una tabla aquí se ve la foto pero si me vengo a un móvil no se ha actualizado es desaparecido me vais a tener que creer pero esto pasa de verdad esto son las cosas del directo bueno no está pasando pero la foto desaparece y otra cosa que tengo que correr si no estaría ahí refrescando hasta que se fuera a caché es que en avanzado esto es para para quien tenga suscriptores premium o algo así puedes decidir que un bloque es solo cuando el usuario está loqueado o no por ejemplo si tenéis un blog con suscriptores y tú tienes una caja de autor que se enseña siempre que alguien lo visita de nuevas que no está identificado con su cuenta entonces tú quieres que se queden con tu cara cuando lean el post dice yo quiero que se queden con mi cara y sepa que lo estoy escribiendo yo pues entonces quiero que se enseña esta caja de autor pero a la gente que os lee semana a semana con tu cara cada vez que entra en un post tuyo pues puedes decidir que esa caja de autor solo se va a mostrar se va a esconder con los usuarios cuando están loqueados o sea si es alguien que tiene una cuenta en tu web y que ya entra en tu web casi todos los días no va a estar viendo tu cara todos los días pero si es alguien nuevo si lo va a estar viendo y al revés podríais esconderlo por ejemplo si hay contenido premium solo para suscriptores entonces si hay alguien loqueado lo va a poder ver pero si no está loqueado no tiene el contenido premium y entonces no ve ese bloque vale entonces esto también es bastante útil hay bloques que no están en el editor directamente no es que en este caso este plugin está ampliando funcionalidades de bloques nativos que ya tenéis aquí no está diseñando ningún bloque nuevo simplemente añadís funcionalidades luego hay bloques que os van a faltar por ejemplo si queréis añadir un acordeón el acordeón yo no sé cuándo lo van a meter pero ya deberían haberlo hecho pero todavía no lo han hecho entonces un acordeón normalmente hay muchas páginas que lo necesitan podéis encontrar acordeones como plugins únicos que solo es el plugin que mete un bloque de acordeón y esto existe si estáis conectado en internet podéis buscar aquí acordeón os van a salir unas opciones y lo podéis instalar al repositorio y buscar porque algunos no están bien clasificados y a mí me ha pasado justo con el acordeón que no salía aquí pero luego en el repositorio sí está y es un plugin que solo te mete un bloque lo que significa que es muy ligero que no te están metiendo peso entonces si solo necesitas un bloque intentar encontrarlo antes de meter una librería completa porque una vez que metes una librería empiezas a usar todos los bloques y ya te vuelves adicto a ella y ya no la puedes soltar pero si tu metes solo necesitas el acordeón imagínate y tu metes el plugin del acordeón el día que guste en verdad te estés dando un acordeón tú puedes librarte de un bloque de decir venga voy a cambiar el bloque del acordeón me voy a ir al nativo pero si de repente tú te has puesto caden tú solo necesitabas el acordeón los acordeones de caden son maravillosos que conste hay mil opciones para hacer con ellos tú te pones el acordeón de caden pero empiezas a usar las columnas y empiezas a usar otros bloques que tendrías en el editor nativo y de repente cuando ya hay acordeones en el editor de WordPress ya va a ser más difícil que te muevas porque ya tienes todos los bloques hechos con caden entonces mi recomendación es si os faltan muchas cosas aquí sí poner caden ahí tenéis también espectra y a ver espera que los tengo aquí los que recomiendo generate blocks caden o espectra mi experiencia caden es muy potente tiene muchas opciones es realmente el sueño de un diseñador que no sepa código en mi opinión un diseñador con caden puede hacer maravillas tiene un nivel de granularidad impresionante vale os recomiendo ponerlos si necesitáis ese nivel de granularidad pero si ya os vale un poco con lo que os he enseñado pues sería mucho mejor para vosotros no ataros a ese plugin y quedaros con el editor nativo más algún plugin ahí hay una pregunta sumamelo de preguntas si me están haciendo preguntas me están haciendo preguntas en tu experiencia que recomiendas en cuanto a que tema usas para usar Gutenberg si usas un tema hijo y si en esta charla vas a incluir gdf no en esta charla no pero me consta que David dentro de dos os va a hablar de gdf va a hacer un tema completo con bloques os recomiendo que vayas a la de David tema y tema hijo entonces yo trabajo con lo que me pongo el programador porque como he contado al principio yo no instalado un WordPress en mi vida entonces el tema que haya decidido el programador o la programadora es el que uso y yo me apaño con lo que hay y me busco la vida para utilizar el editor de bloques como está en sus mejores condiciones sería un tema de bloques un tema moderno de los que ya tienen el archivo json y que es un tema pensado para bloques esa es la recomendación que no pues usas otro yo me adapto, siempre me adapto a lo que haya dime que querías convencernos para usar Gutenberg ver sus otros constructores de páginas y bueno yo te quería preguntar si puedes destacar a grosso modo las diferencias entre Gutenberg y por ejemplo Elementor para alguien que no conoce Elementor ahora mismo frente a Gutenberg nativo es más potente tiene más mayor granularidad yo no trabajo prácticamente con Elementor porque siempre intento llevar a todos mis clientes al editor nativo y si no es el editor nativo con plugins entonces no he hecho un trabajo de comparación pero creo que usar el editor nativo con cadens por ejemplo de esos tres que os he recomendado y que os voy a dejar los enlaces en la presentación sería muy equivalente a ya trabajar con Elementor y creo pero esto tomarlo entre comillas porque yo no soy experta en esto que Elementor el problema que tiene a pesar de ser tan potente y de dar tantas opciones es que ralentiza tu web es mucha carga entonces esto va a ralentizar bastante menos incluso si pones cadens entonces al menos confirmarlo luego pero creo que es así y ya está pues tres minutos y me tengo que ir entonces volvemos a la presentación para terminar menos que me presenté al comienzo porque si no no me daba tiempo a ver entonces estamos aquí estamos en la croqueta ya hemos pasado los postres tenéis esta isla llenos no vais a comer es que toca decidir aquí tenéis que decidir si vais a hacer lo típico del final de una cita en el que decís oi que tarde se me ha hecho es que mañana tengo una cosa y me tengo que ir porque me están echando o nos tomamos otra entonces aquí es donde decidís vosotros si os tomáis otra con el editor de bloques que sería después de esta obra poneros a jugar un poco con el editor de bloques y ver lo que podéis hacer vosotros de lo que necesitáis porque al final no es cuestión de que lo podáis hacer todo sino que podáis hacer lo que necesitáis y aquí os dejo los enlaces de todos los planes de los que os he hablado y de la página de patrones de bloques que es muy útil de verdad usarla porque está muy guay y cada vez va a haber más y muchas gracias por aguantar toda esta chapa que os he metido y si tenéis más preguntas no sé si hay tiempo una pregunta más sobre el tema de los bloques reutilizables cuando haces un bloque también te lo puedes guardar como patrón yo creo que hay una forma de guardarlo como patrón pero desde ahí desde donde estaba yo yo no puedo, lo he intentado alguna vez de guardarlo como patrón y no he podido pero creo que tú puedes crearte un patrón y ponértelo pasa que yo no sabría explicarte cómo lo que hablas por alguien que tenga un poco más de conocimiento técnico que yo debe ser bastante sencillo nada gracias