 Con la charla de Iñaki Martín, entramos ya de lleno al editor de bloques a cómo se crea contenido en WordPress. Iñaki tiene 29 años, hace muy poquito que ha sido su cumpleaños, y Iñaki le gusta muchísimo hablar, así que no le voy a robar ni un segundo más y os dejo con Iñaki Martín. Vamos bien. Un segundo, eh, un minuto. El cara hay problemas directos. Que se me ha apetado todo un segundo. Buenos días. Primero, me presento Iñaki y esperan un segundo. ¿Pruébas con WordPress crear entradas? Si puedo retromper la presentación. 9 y 48, acción. Antes de ir a la búsqueda de Google, cuadro de diálogo. Vale, espero que lo haré. Y en mi percusión no desea una archiva acces, teleteds, mesellés, documentad, correos de la once y el cortín. Las partidas pantallas para que no veas los vistias en dos. Ahora está negro a la horquita, para que no se vea. Documentación, correos de la once y el cortín. No, que le he puesto negro para que no se vea los vistias. Correos, correos de mi hermano en conversación. Tranquila, no tengo un problema, está la pantalla de mi hermano aquí. Está negro ahora mismo. Un segundo de ético, ya voy. Vale, quito la cortina. Volver a cargar página. Ejecto de modo total. Vale, ahora sí. Quito la cortina. Cortina de pantalla y aquí. Rápida desactivada. Compatibilidad con combat diapose... Diapose... Vale. Diapose 90 por salir. Crear entradas y puse al campo. Muchas gracias, ahora sí. Contenido del documento. Navegación rápida. Navegación rápida desactivada. Compatibilidad. Diapose 1 de 25. Crear entrada. Diapose 2 de 25. ¿Quién soy? Hola, buenos días. Después de este pequeño demo, empezamos con el archivo. Muchas gracias a todos por venir a ver mi Instagram. ¿Quién soy? Me llamo Iñaki. Tengo 29 años. La última presentada me ha presentado otra vez. Tengo 29 años. Últimamente me he especializado en Wordpress, Moodle, la Agilidad Web. He estado haciendo estas en distintos eventos. Muchos datos de contacto son en Twitter. Me gusta Mundo Mac. En Facebook. Iñaki y Martín Sán. En Wordpress.org. Mita. Me gusta Mundo Mac. Tengo un blog que se llama megustamundomac.wordpress.com. Mi coro es esinvian.63rdarrobajen.com. Un coro un poco raro. Iñaki y Martín Sán. Arrobajen.com. Seguimos. Diapositiva 3 de 25. Índice 1. Estos son índices sobre los que voy a tratar de la charla. Diapositiva 4 de 25. Es una parte teórica. Y luego la parte práctica con distintos puntos. Seguimos con la siguiente. Diapositiva 4 de 25. Introduzo. A introducción. Ahora por favor. Poneros la piel de una persona ciega. Porque tenéis que poner la piel. Y tenéis que cerrar los ojos. Hasta que no cabe la charla. Diapositiva 5 de 25. 1. Parte teórica. La parte teórica. ¿Me doy bien? Sí. La parte teórica. La parte teórica. Voy a explicar qué es Edito de Bloques. Edito de Bloques es un editor visual que apareció a partir de la versión 5.0 de WordPress. Y es un editor que puede crear a nivel de Bloques. Y es, otra vez, a nivel de cajas. Y va editando el tu sitio web. Diapositiva 6 de 25. 1.2. Ahora lo voy a explicar algunas novedades que existe con Edito de Bloques. Según las nuevas versiones de WordPress. Y la última versión del editor de Bloques. Por ejemplo, la vista de lista. O la vista del documento. Para ver los distintos bloques. Y ver los detalles del documento. Lo que las palabras que ibas escritas. Los encabezados que ibas puestos. Ejetera. Luego también el editor completo del sitio. Que apareció las últimas versiones de WordPress. Luego también puedes ver. Bueno. También puedes ver los distintos detalles de Bloques. Y es más o menos las novedades que existen. Ahora seguimos con la siguiente diapositiva. Diapositiva 7 de 25. 2. Parte práctica. Ahora vamos con la parte práctica. Que esta es la más importante y lo más interesante de la charla. Vamos a ir al editor de WordPress. Y vamos a ir leyendo. Los distintos partes que he puesto la diapositiva. Como solas que he puesto en el indígena. Ahora vamos con ello. A continuación. Que así no desclamas. Pruebas con pruebas. La abrigación rápido. Salir de. Es prueba. Pruebas con pruebas. Unvenutación. Pruebas con pruebas. 20", unvenutación es fácil. Pruebas con pruebas. Pruebas de este tipo. No sabe. Vamos a erreparlo. Nada más. de la cortina, ¿por qué ponen contra ella? Cortina de pantalla activa. Contras el nombre. De la privacidad. Hola, lista. Ahora sí. Cortina de página. Editar, pero. ¿Lo veis ahora bien? Sí. Vale, ya hay una entrada. Se oye muy, está muy rápido. Lo ponemos un poco más despacio. No se entiende. Vale. Sí, ahora vamos. Menú, no hay items. Menú, menú, punto, content, menú, text. Menú, menú, menú, enlaces, visit. Menú, enlaces, no visitados. Esto lo que está haciendo es acar. El esto de pantalla tiene un comando. Porque la letra U te saca por distintos apartados de la web. Para ir más rápido. No hay menú en salta, salta. Ya había. Añade. Pongo las dos letras. Añad. Y voy al elaje más rápido. Escribe un blog. Ya estamos registrados de bloques. Escribe un. Vamos a poner un título que habíamos gustado siempre. Os recomiendo que pongáis un título cada entrada. Para el esto de pantalla es mucho más cómodo. Vamos a probar. Es de un. Golpe. Con un golpe mayor, por ejemplo. Ese. Bloque va. Eso es indudame. Vamos a enseñar las distintas partidas. Primero, la vista de la lista. A pulsar aquí y ponen Vista lista. Y es lo que estoy viendo todos los bloques aquí en una tabla. Ahora mismo, por suerte, el dedito del bloque es bastante asesible. Para hacernos cuenta, las versiones de golpes hace tiempo. A las versiones atrás eran muy pocos asesibles. Para cerrar la estructura de nave en la vacío. A las alabajillas porque no más quedan ningún bloque. Estruc cerrarla. Pero aquí sale para que aquí saldrá los distintos bloques. La estructura cuando tengamos más bloques. Estruc cerrarla va lista del Vista. Y ahora podemos cerrar dando botón de cerrar. Y es asesible por más. Detalles. Ahora hay uno que lo disiguiente aparte. Vamos a enseñaros el documento. En este caso, va a poner que hay 0 de todo. ¿Por qué no tengo nada escrito? Príncipe lista de palabras. 0. Paral·ra 0. Cárteles 0. Tiempo, menos de... No con lectura, nada, porque no tengo nada escrito. Detalle. Seguimos con la siguiente pregunta. Vista del Vista de Tres. Ahora voy a enseñar los atajos de teclado que existen para el dedito del bloque. Guardar. A lo mejor los que ya hay más tiempo con el dedito del bloque ya les conocéis por el viaje. Guardar. Vista publicar ajuste opciones. Aquí dejo opciones y bajar. Como bajando. Gía de atajos. Atajos de teclado aquí. Aja, atajos cerrar list mostrón. Pero, bueno, más o menos lo voy a enseñar. List cerrar en atajo... Vale, para después de enseñaros el atajos de teclado voy a enseñaros las presencias de dedito del bloque. Gestionar atajo. Guía de copiar. ¿Todo ayuda? Final preferencias. ¿Pone presencia? ¿Preferen? Dijo la lista de presencias. Encerrar el general. No, no, pero... Que salen tres pestañas. Bloques. General bloque y paneles. General, publica. Voy a ir solo a una de pestañas para la tema de tiempos. Publica. Puedes ir a las tres pestañas, por lo que te da tiempo. También incluir la lista, incluir la previsa, los finales de aparíen, aparíen. Personaliz, modo de enfoque. Puedes listar los géneres que existen para colaborar, mejor el editor de bloques. Por ejemplo, el editor de enfoque es para que el editor de pantalla te ponga en el bloque que está mejor. Resalt, mostrar las etiquetas, mostrar abrir siempre la vista de lista. A ver, reducir compact, usar los sticks, hacer mostrar migas de... Mostrar migas de pan, que es muy importante para ver dónde está en cada monitor. Nuestro al final de final, final, final. ¿Tienes citas o géneres? ¿Pereceré? Vale, gracias. Final, final. Ahora vamos a seguir con el editor de bloques. Final de opciones. Ahora voy a enseñar cómo hay un bloque. Barra, escríbe un bloque, navegar y barra. Para eso ponen la barra. En este caso hay un bloque de texto. Por ejemplo, un encabezón. N, C, audio, encabezón. No estamos viendo nada porque ha finalizado la conexión con... Tado, texto. Entonces tienes que volver a ponerlo y compartir pan. Local, find, surf, any day. Y ahora? Menus nueva, nueva conexión. Search free, new tab. Hamburg, Hamburg, Neap free, search online. Adress book, adress book. Fuera pantalla barra de él en online. Adress book, on, search free, new tab. Hamburg, hamburger. Search free, new, amble, amble, amble. Grande, este, 600, h, 600. Dale este código a Julio, por favor. Ahora no va con ello. Bajo un poco el puntero porque... H, 600. A ver, que es que te lo di un bajo. En C, 4, espacio. 8, 1, espacio. 9, C, 7. ¿Has hecho un ajoto? Me tengo que respirar ahora. Pero ya no es un problema directo. Que la conexión con el control remoto no está conmigo. ¿Ya está? Aceptar. Ahora ya está. Vale, gracias. Continuó con la charla, entonces. ¿Dónde me hayas quedado? Navigación, final de... Nos estamos guiando con crear un bloque. Estamos en el bloque encabezado. Ya lo hemos creado. Ahora ya ponemos testas y les pruebo... Ah, para que lo veáis. Vale. Ahora vamos a ver cómo crear un bloque. Final para fo. Final para entrada. Lista editor del pie. Entrada. 1, 2. Escribe un bloque vacío. Navigación, abrirlos. Bloque va... Escribe contenido. Es bloque final ajuste... Bloque... Ajuste... Es contenido del editor. Escribe un bloque vacío... Ah, ya le he borrado. Ahora voy a enseñar un bloque... Añade otro bloque de imagen. Bloque vacío. Empieza a escribirlo. Escribe una navegación rápida activada. Navigación rápida desactivada. El programa de conexión remota. Espera, me dime. Creo que es aquí comando... Hay una ventanita que sale. Comando maíz para este, que lo esperamos en todo. Barra Apple. Apple. Michael Apple. Apple. fox. Gospel va. porque nos indicará la patria del punto. Es la misma difunción de arriba en la district. Nuestro camino de como deliveries un cambio de glucos picks everywhere. chipel de la tengo por tu Rede. En el safari añadir una nubra de entrada. Esto también es muy interesante. Está borrando la conexión activa. Ahora sí, activa y está todo. Final, bloque base. Bueno, perdón por estos problemas técnicos conseguimos con las charlas. Ahora ya como hay un bloque de imagen. Ponemos la barra para el otro bloque. Ponemos imagen, ¿vale? Subir. Ahora, como yo tenía una priva en imagen antes. Subir, curir. Cerrar y otro momento. Subir, curir, filtro. ¡Verdote! Una y le damos. Está menos comento, donde ponete este alternativo tenéis que dar y el siguiente es para la tema de desl Strebilidad, para que se llama asignable de esta imagen. Y ya la tengo puesto. De válcope seleccionar. Texto del final. Ahora hay marginal, como se muestra en la imagen en la parte pública. Añadir una parra, ver entradas, herramientas de desgracia, de vista de la imagen, enlace en el contenido final de la hoja pública, vista previsual, navegación rápida desactivada. P, añadir P, nivel de añadir P, contenido del doper final, añadir un título, añadir P, pruebas con Word P eh, un nivel de añadiendo un P añadido, añadido. Ya estoy viendo la entrada en la parte pública del sitio. Añadir una nueva en... Voy a ingeniar como ya hay un vídeo. Escribir un título, campo de texto, no abrir los ajustes del documento, abrir los ajustes, publicación, abrir el texto de la ley. Escribir un título, bloquear. Vamos a borrar el bloque, ya está la borrada con la tecla borra. se borra ahora vamos a ir un vídeo por en este caso de vídeo presa lo que vacío en lo que vacío lo que vacío barra 9 resulta lo que incrustar es lo que pega una en pega una que crea en un momento contenido del docu navegaz campo de navegaz diapositiva 13 de 20 diapositiva 16 de 25 2.9 mostrar la imagen en el segundo descripción de 2 punto inicio del enlace selección copiada en contenido contenido contenido del contenido de scripts inicio del enlace url ht aceptar vamos a pegar el laje acepta a aceptar buscar anterior buscar si fue añadir una nueva en añadir nav escribe url de vídeo pres incrustar ur nav pegar h incrustar y lo que escribió vale vamos a incluso al vídeo navegación rápida activada añadir una como ver el vídeo vista vista delista vamos a guardar vista public vista vista previa para que lo vea de nuevas y haz pe un vídeo presa y un play video visual final final de vista public ajuste y ahora después de esto ahora voy a ingeniar como es el editor del sitio añadir una en las nuevas opciones del en el barras pero también pero en la salimos de las entradas menú campos y ahora vamos menú lugar menú lugares menú en cabeza menú con menú tablo menú pun menú enlaces como recordar distinto y ahora vamos editor beta y torbeta aunque las nuevas versiones de huelprin yo te voy a estar aquí en huelprin beta ya nos llama beta pero se llama beta en esta opción de huelprin 1.1 que es la que estamos aún 10 por editor mod fina prín avisos lista de aviso lista de editor en lista de page al mostrar per guardar vemos dos y era mi para prín aviso navegación rápida desactiva en la cenopoto botón v guardar per mostrar alternar alternar cerrar pestaña alternar la navegación para volver otra vez al sitio al escritorio de huelprin ahora le voy a enseñar el plugin de propio de en vez para que veáis las novedades que hay ahora menú campos menú listas no hay una exclusiva de las novedades que hay menú en la estaré en la última versión y tabla dejen podemos ver las novedades que están habiendo seleccionado selección plugin activar no tengo desactivado activar ya lo hemos activado menú tablas menú menú en las menú menú plugins visitado en la c33 no no menú menú es editor beta vamos a ver el nuevo editor, lo estoy enseñando como a la imagen, la partida de la nueva versión de huelprin 6.2 en el disto de gloques será así porque tendremos las últimas versiones de gutembers de la versión 12 hasta la versión 3.1 que es la que está ahora mismo la versión última del plugin de gutembers, y luego estas novedades se van a curir al núcleo de huelprin con la versión huelprin 6.2 que está dentro de poco en la última la última semana de marzo va a salir la nueva versión huelprin 6.2 la parte de plantilla que es el encabezado para el prueba es como para volver plantilla, para el prueba volver principal, volver al escritor, ya vamos aquí, voy al escritor enetivo, así te voy a devolver una cosilla de las entradas para que veáis como la nueva versión de huelprin 6.2 añadir nueva, añadir 15% escribe, lo que fue añadir contenido final, opción, ajuste pública, vista brevia, cualquier herramienta que erran, resumen, resumen, ahora ya no pone vista de lista ni de detalle ahora está incluido todo aquí donde pone resumen del documento y tiene dos textiles, dos textiles que está agrupada entre la vista de lista y el contorno, contorno es lo que vimos antes en detalles que está mucho mejor más agrupado, y bueno esto más o menos sería por tema de tiempo, iba a enseñar como crear un enlace y como queda un tema de HTML, pero ahorita en el tiempo lo dejaremos para otro momento. Contenid, nábrega, nábrega, sea inhabilit, combate, diapositiva 18, diapositiva 22, 2.2, diapositiva 23, 2.10, diapositiva 24, tres conclusiones. Ah más las conclusiones, la conclusión de la charla es que gracias al edito de bloques, podemos crear entradas y páginas más accesibles, pero todavía queda mucho por mejorar. Diapositiva 25, 4.5. Y ahora vamos con los agradecimientos, a la vez con las registrantes, ponentes y organizadores de la Work and Trilogónes 2023, por darme la oportunidad de dar esta charla y crear un mundo mejor y más posible para todo el mundo y todos y todas. Un saludo de Niaqui, gracias. Muchísimas gracias Niaqui, ¿tenés alguna pregunta? Hola, buenos días, gracias a todos. Niaqui, yo quería hacerte una pregunta, no sé si es una pregunta difícil o dura, pero cuando en el título inicial de la entrada quieres poner una letra cursiva, por ejemplo, de una especie, ¿cómo uno lo puede hacer? Porque yo me dan ganas de rascar en el ordenador en la pantalla. Como una letra cursiva se podía poner, pero no es muy accesible por una letra cursiva. Claro, es que como pongo, por ejemplo, el título de una entrada, porque puedo poner ciertos caracteres, pero en este caso yo, como saben algunos de los que estaban, yo soy biólogo y cuando tengo que poner de repente una letra cursiva de una especie para hacer marcar la entrada de que estoy hablando de un bicho o de un taxón, de una planta o de un animal, ¿cómo pongo ahí esa letra cursiva en el título de la entrada? Porque hasta ahora vamos, yo en mi precario conocimiento de esto, yo no sé cómo hacerlo y es muy importante para mí el poder hacer esto para que las entradas salgan correctas y no salga todo en la misma tipografía de letra. Gracias. Por la tipografía de letra, tenías que usar otro tipo de letra, que contraste más el tipo de letra. Podemos hacer la prueba. Bueno, pues luego si quieres, te comento cuando acabemos de amistarlas, si quieres me contestas, bueno, me preguntas por ahí, por el pasillo, te comento, probamos con el ordenador y me dimos cómo hacer, porque yo tampoco sé la pregunta. Vale, espera que llegue. Vamos a salir de la paparza, fare. Hola, hola. Sí, Fernando Corja. Hola, hola. Mejor, ¿verdad? Gracias. Buenas, señor Kih. Felicitaciones por la charla y los conocimientos. Tenía una pregunta que me ha inspirado tu charla, porque tengo una idea de cómo puede ser un mod del metaverso en WordPress. Lo que no tenía es la idea de cómo puede ser para alguien que busca accesibilidad, porque eso está basado mucho en la imagen. Entonces, ¿tienes alguna idea sobre esto? ¿Has pensado algo sobre este tema? Y ha aplicado WordPress, por cierto. Muchas gracias por la pregunta. Sí, hombre, es metaverso, sí que he oído una de él. Pero me dió mucha imagen, podría ser si pones en cada imagen un texto alternativo, en cada alguna, podría ser asesible tu sitio web, aunque sea metaverso, podría ser asesible. Si cumples con el tema de asesibilidad, podría ser asesible. Ningún problema caro. ¿Te sirve la respuesta? Pregunta, ¿no? Espero que te haya servido. ¿Alguna pregunta más? Mare, ¿qué pasa? Hola, Nienki. Además de, en cuanto a accesibilidad, además de lo que dijiste del texto alternativo de la imagen, ¿qué más podemos mejorar la accesibilidad con el bloque o con el propio WordPress? El blog que tiene una cojilla, está bastante accesible, pero también queda algo que mejorar. Como todo, para mí no va bastante bien, por suerte. Y luego, Mare, sí, hay distintas cosas que puedes hacer. Por ejemplo, poner textos alternativos, luego el tema de los enlages, poner un texto concreto cada enlaje. Luego también las imágenes del texto alternativo, luego el tema de los encabejados, pues una estructura correstre de cada encabejado. No usar encabejado para tener, por ejemplo, un tamaño más de letra más grande por el encabejado de H1 y luego de H5, es mejor tener una estructura buena de los encabejados, por ejemplo, para tener una semántica de la web. Por ejemplo, hay más cosas, pero bueno, es lo que me ocurre. Bueno, también el tema de los cachas, también me ocurre, hay muchas más cosas, también el tema del contraste y el color, también el tamaño de letra, algo más. Hola, buenos días. Quería darte las gracias por la ponencia. Muchas gracias. Y preguntarte, porque está un poco la cosa entre Gutenberg y Elementor y Elementor y Gutenberg, ¿qué es más ágil, qué dan más opciones para la mayoría de temas? Dios, que Elementor no lo usaba, pero en un oído habla de él, es parecido a nivel de asesibilidad. Si cumples en WordPress la asesibilidad y un elemento lo igual, es más ágil en un sitio que otro. Al usar de igual que usas un editor que otro, puedes usar el que más te guste, pero si tú cumples con los estandes de asesibilidad y las normas de asesibilidad que existen y con las buenas prácticas de asesibilidad, poniendo algunas como comentantes, recomiendes que hizo, pues tu página web en WordPress es asesible de igual que uses Gutenberg que uses Elementor de igual, uno editor que otro. Puedes usar el que más te guste. Tu web tiene que ser igual de asesible con uno que no con otro. De más pregunta, ya. No, yo creo que no, la verdad. No, ya acaba la... No, pero no, la tiempo mal. Ha estado fenomenal y hemos aprendido mucho sobre cómo navegas tú y cómo editas tu contenido. Muchas gracias. Muchas gracias a vosotros.