 Ya, muchas gracias a todos por venir, sobretudo ao que está aquí. Bueno, vamos a continuar con las charlas de la tarde e nada, voy a hablar del perfil deste ombre. Nahuay es desarrollador web especializado en WordPress y sostenibilidad digital. Escribe tutoriales de código, en Código Génesis. Me lo ha confirmado. Crea plugins y temas para WordPress no son pres. Tambien, es verdad? Organiza na mitad de WordPress en Tarrasa. Le encanta compartir experiencias en su blog e en su podcast toda la semana, en Freelande. E desde hace poco forma parte del equipo de sostenibilidad de WordPress e en el grupo de WW3C. E con esta ponencia pretende explicar como los desarrolladores deberían de ayudar a los generadores de contenido. Escuchemos atentamente a Nahuay. Muchas gracias Juan. Bueno, muchas gracias a los que habéis decidido que igual había comida después de estachar-la fuera e habéis entrado. Ya habéis que con el título he jugado claramente al populismo e caer bien a los creadores de contenido que hayáis podido venir aquí. Es posible que nos caiga tan bien a los otros compañeros de profesión a los que básicamente os voy a explicar como tenéis que hacer las cosas. Pero bueno, ya sabéis que me va la marcha. Así que vamos a ello. Vale, que vamos a ver? Siempre me gusta hacer un overview rápido. Vamos a ver como tunear el escritorio de WordPress para que non sea como é. Vamos a ver de arquitectura a la información porque sempre que puedo hablo de esto también sempre que puedo hablo del editor e como podes tunearlo o extenderlo, el editor de bloques concretamente e también como los diseños predefinidos que podemos acceder a ellos fácilmente nos poden ahorrar mucho tiempo tanto a clientes como a desarrolladores. Entonces, a quen va dirigida esta charla? Pois por un lado, a los informáticos informáticas aquí va a poner desarrollador, barra, implementador. No nos engañemos, nsos clientes nos llaman el informático o la informática. Así que esa lucha está perdida e os invito a que simplemente vayáis con el flow. E por outro lado, a los creadores de contenido. Vale? Que supuestamente, no, supuestamente no. Esta workampe está dirigida a vosotros. Entonces, ahora pa hacerme una idea con quanta gente voy a quedar bien o medio bien e con quen voy a quedar normal cuantos de vosotros os identificáis en el primer grupo. Vale? E en el segundo? Bien, parece que elegido bien. Muy bien, pues nada. Vamos a... vamos aquí. Antes de empezar, en realidad, la parte más importante de esta charla es que haya buena comunicación entre los dos equipos, vale? Esta charla se podria basar en como recoger bien requisitos se tu eres el informático o informática o como explicar bien a tu informático qué cosas necesitas, vale? Pues es una charla entera que no va a ser esta. De hecho, busquei en WordPress TV que es como el Netflix pero para charlas de WordPress e Ana Cirujano tiene una charla que es como pedir requisitos a tus clientes, podeis ir iberla e esa parte, una desolucionada, podemos ir a esta parte, vale? La primera parte seria tunear el WP Admin o la administración de WordPress e es que si veis esto que en cima se ve Reguilin Chip por lo que veo es un diseño un poco vintage pero vintage mal, o sea, del que mola, vale? Es un poco principios de los dos miles e una persona que entra por primera vez aquí ve ese churro de cosas que tiene en la sidebar o en la barra de la izquierda e dice buf! E luego ve ese, bueno, esos widgets que ahora están colapsados todos menos el que yo creo que realmente funciona, que es el de eventos de WordPress que es unha cosa que como organizador de Meetups me sorprendo, la maioria agente que vine a la Meetup es por este widget, o sea, que ole. Total que la cosa está tan viejuna que de hecho ya el proyecto de WordPress está trabajando en rediseñar esta parte, vale? Pero va tardar unos meses oñicos. Entonces, mientras tantos nosotos lo que podemos hacer es para que no le de un 5p al cliente al entrar ahí a hacer sus cosas podemos ir en dirección de la que toca e es eliminar elementos innecesarios, vale? Isto además lo podemos vincular con crear roles de usuario con lo cual podés ocultar cosas de forma máis condicional a ese cliente e isto se pode hacer tanto con plugins como con código. Vale, este sería un ejemplo simplemente para que veáis como el churro que tenemos a la izquierda se poderia restringir a lo que necesita entrar básicamente en los elementos donde va a interactuar el creador de contenido o el asistente virtual o lo que sea. Entonces, aquí voy a introducir el concepto de quitar cosas desde el cariño, vale? Que recuperaré máis veces. Entonces, la idea es ponerse lo fácil y limpito pero tampón pasarse las rayas. O sea, la idea es dejarle todas las cosas que necesita e no por dejarle una cosa minimalista como la de la derecha que no tenga accioso a lo que realmente necesita, vale? Entonces, por outro lado la arquitectura, la información es verdad que me voy a dedicar mucho a hablar sobre todo de la parte de generación de contenido pero es importante entender que tipos de entrada va a utilizar ese cliente, va a utilizar cursos, master class, charlas para eso que sea una entidad propia. Luego va a utilizar categorías o etiquetas básicamente para saber jerarquizarlo e luego se va a utilizar campos personalizaros o no. Esto es importante en general pa que el proyecto sea escalable, vaya bien e muchas cosas bonitas pero se nos vamos a la parte de contenido es importante porque este bloque que es muy potente, que es el de lista de contenidos te permite elegir custom post type, categorías e luego puedes hacer todo o que estáis viendo en ese give. Básicamente es el usuario, el creador de contenido. En este caso, puede mover la imagen destacada, el excerp, ponerlo, quitarlo. O sea, realmente estamos empoderando que es una palabra un poco chunga pero realmente el sentido en este caso aplica al creador de contenido para que pueda hacer las cosas sin tener que llamar o enviar mails al informático informático. Por outro lado, cuando hablo de tunear el editor hablo de que, bueno, me imagino que con el editor de bloques estaréis máso menos familiaos, eso espero. E entonces, por exemplo, a la hora de crear contenido alguien se pode encontrar con, bueno, el creador de contenido se pode encontrar con esto, vale? Se hemos hecho máso menos bien nuestro trabajo como informáticos aquí, los colores se ven bastante mal pero, bueno, donde pone tema estaría la paleta colores a la que has acordado con el cliente que va a ser la que se va a utilizar, vale? E, luego, abajo hay una paleta por defecto. Está aí, vale? E, luego, lo que es más peligroso que aquí veis un bloque en blanco pero aquí hay como cuadraditos, bueno, básicamente esto es un selector de color que básicamente le permite al creador de contenido utilizar cualquier color. Que vivimos en alarquía, ok? Porque que es esto? Entonces, en la mayoría de los casos lo más recomendable sería dejar algo así, vale? En el que básicamente puede acoger los colores a los que habéis llegado al acuerdo que van a ir como parte de su identidad visual e, luego, también, de hecho, podeis ir tunear un poco más fino e, por exemplo, aquí veis que en tipografía hay unos tamaños predeterminados e aquí hay un ajuste. Esto le permitiría poner cualquier tamaño. Se crees que tiene un poco de peligro a la hora de crear diseño también podriamos capar esta parte, vale? Pero recordemos, siguiendo el principio de quitar cosas desde el cariño, vale? O sea, explicar por qué se lo quieres poner más fácil y demás. Por outro lado, hay veces en las que... que ahora algunos sostirares de los pelos en las que quiere darle más opciones a crear rode de contenidos, vale? Este es un bloque de grupo que es muy potente para maquetar e esto es lo que ve si tiene un tema clásico, un tema de toda a vida. E esto es lo que ve a nivel de ajustes se está utilizando un tema de bloques. Ya veis que aquí, a este lado, perdón, a este lado tiene muchísimas más opciones, vale? Então, se esa persona va estar creando contenido maquetándolo de alguna manera, puede ser interesante habilitarle esto, vale? Se puede hacer con un tema clásico añadiendo seis líneas de código, vale? O sea, es algo bastante sencillo e alguns dos dos diréis, ná guai, no, no hay que dejar que el usuario de contenido tenga tanto control porque va a ser el caos e el apocalipsis llegará antes. Bueno, yo lo que os digo es, puede ser, pero realmente creo que es mejor que le des o le dejes estas herramientas a que te pidan que instales un elemento, vale? Yo creo que más gente aquí estará de acuerdo conmigo. Por outro lado, cosas que tiene un montón of work, que es fantástico, antes de pasar aquí. Hay un montón de bloques, creo que ya di más de setenta bloques. Fantástico, pero quando van a ir a meter un nuevo bloque, normalmente será párrafo, imagen e demás, pero igual les abruma un poco ver tanta cantidad, vale? Igual por lo que sea el de verso, no lo van a usar, por lo que sea. Puede ser este o cualquier otro. Então esto lo puedes eliminar para que no aparezca aí, simplemente veniéndote a preferencias e lo quitas, vale? Si eres de los que te apetece tener más control y prefieres que luego no venga aquí el usuario aliarla, puedes desregistrar los bloques también, vale? Esto ya depende de esa comunicación previa con la que habéis tenido con el cliente. Luego, la gracia es que hayais hecho unha buena recogida de requisitos de que es lo que quere. Pues mi creador de contenido le encanta poner avisos, o es muy fan de que los listados tengan iconos, pues de checks, estrellitas, lo que sea. O es muy fan de utilizar imágenes e galerías, o citas o cualquier otro plugin en concreto, vale? Pues aquí tenemos el concepto de estilos de bloques, que básicamente estás utilizando el bloque nativo de WordPress e con un poco de CSS estás haciendo que ellos desde o admin verían algo así, só lo tienen que poner la parte de texto e isto tiene má color de lo que se va aquí, pero bueno, básicamente es una forma de que se vean los avisos de forma mucho máis visual de lo que podrían hacer ellos simplemente intentándolo hacer de ese cero, vale? E por outro lado, se son amantes de las listas, pues aquí tenéis un ejemplo de, pues se ibas a utilizar este tipo de estilos, los creas y ellos lo tienen accesibles de aquí e bueno, pues bastante máis contentos que van a estar. La idea al final de utilizar bloques de estilos es dar cierta coherencia visual. Básicamente aquí lo que estamos haciendo como desarrolladores o informáticos o demás es crear una serie de bloques que sabemos que van a utilizar que tengan una coherencia visual, vale? E que el creador de contenido só lo tenga que rellenar el contenido. Vale, esto seria unha forma un pouco visual, por ejemplo, ese amante de las imágenes le puedes dejar pues esta opción de que ele directamente desde el editor de bloques elija pues que tipo de forma quere utilizar de imágenes o esto seria un ejemplo para las galerías, vale? Básicamente ya ves que es hacerte un poco de trabajo para que el cliente solo tenga que venir aquí al editor e cambiar el estilo que quiera. Logo, por outro lado, podemos seguir extendiendo el editor e por ejemplo, se tú cliente sabes que va a estar poniendo los iconos sociales en muchos sitios, lo que puedes hacer, hay un bloque nativo de iconos sociales que está muy bien, pero tendría que rellenar la URL cada vez que utiliza este bloque, vale? Entonces, tú lo que puedes hacer es con un poquito de código le dejas en el backend un sitio donde pueda rellenar básicamente donde están sus redes sociales e ya está. E tú irás hombre en Hawaii, al má espabilado de aquí. Los compatrones sincronizados ya puedes hacerlo simplemente crearlo una vez e utilizarlo todas as veces que sean. Vale, uno, todavía no hemos hablado de patrónes sincronizados así que, bueno, no toca. E dos, que en realidad a ventaja que tiene esto es que se tienes máis autores en tu blog, imagináos un blog en el que hai cinco autores e te apetece mostrar abajo un Outdoor Box o unha caja de autor en la que este, pues la bio, le la avatar y luego estos iconos. Pues tú simplemente, se lo haces por programación e dejas esto para que los cinco autores rellenen una vez ese contenido, pues simplemente programáticamente se va mostrar el contenido que toca. Vale. Logo, por outro lado, se outro ejemplo, se tú cliente es muy amante de utilizar este típico de texto e imagen, vale, esto es un blog nativo, también de WordPress, pero por lo que sea, sempre lo muestra con la imagen al outro lado e utiliza sempre una jerarquía de encabezado e luego texto. Pues lo que puedes hacer es crear una variación de blog. Entonces, quando ellos vinlen al editor, a parte de ver este mediatex, que es el normal, tienen una variación que es esta, vale? Entonces, le das la opción de que juegue con las dos opciones e realmente les estás ahorrando bastante tiempo e no tendrían que meter sempre este de aquí e cambiar el orden, cambiar las historias, vale? Básicamente, lo que vos comentaba, hacerle la vida más fácil. Entonces, otros ejemplos en los que puedes directamente el blog nativo en vez de crear un nuevo, generas uno por defecto que sea distinto, por exemplo, hay gente que se pone muy nerviosa, non digo gente, me incluyo, de que en las galerías sempre recorte las imágenes, vale? Esto, generalmente, a mi juicio queda mal e luego, por outro lado, enlaza a ningún sitio, es decir, no se puede abrir la imagen en un lightbox e no es lo máis visual. Con lo cual, tú lo que puedes hacer es en vez de generar un nuevo bloque, dices, oi, el nativo, que lo que haga es que no recorte imágenes e que se abra sempre en un archivo multimedia o qual se va abrir en un lightbox, vale? Esto, para alguien que mete todos os días imágenes, es que os va querer mucho máis, os lo aseguro. Vale? O, sí, exacto. Vale, outra opción muy interesante es crear una variación de bloque de búsqueda, se por ejemplo, habéis hecho bien el ejercicio de jerarquizar el contenido e oi, pues aquí va ver entradas de blog e además va ver un newsletter. Pues este es el bloque nativo e con un poquitín de código puedes hacer que haya una variación en la que el cliente pueda poner pues donde sea un buscador que se o busque entradas o que busque newsletter. E esto é super interesante a nivel de lo que le facilitas la vida al creador pero os digo que como programadores bastante máis sencillo a hacerlo ahora con código que antes de que estuvieran los bloques, vale? Vale, otra, aquí quiero ir rápido. La parte de atajos de teclados es otra de estas cosas que se dedicas un minutico te podes ahorrar muchos, vale? Ésto que veis aquí se pode acceder directamente antes del editor, vale? E te explica que podes hacer. Eu, por exemplo, pues no voy a explicarlo de, sí, voy a explicar. Escribir la contrabarra e empezar a escribir párrafo, imagino de máis, es vital. Vais ahorrar muchísimo tiempo e como ésto hay cosas máis avanzadas simplemente queria atraer la idea. E con os diseños predefinidos aquí básicamente desde hace máis de un año WordPress está luchando o sea, pues está haciendo un ejercicio para que realmente los creadores de contenido e a gente que non é técnica se anime a crear contenido. E una das cosas que mejor considero que se están haciendo es ofrecer diseños predefinidos que en WordPress se llaman principalmente patrones, los podes encontrar en WordPress.org barrapattens e básicamente son diseños predefinidos. De hecho, se utilizáis elementos divi o alguna cosia os tiene que sonar ésto un montón. Basicamente, la gracia ahora é que ésto é nativo de WordPress e tú te podes venir a esta página e hacer un copy e pegar. Basicamente te llevas el diseño que estás viendo e ya cambias el contenido, la imagen o lo que sea e también obviamente se puede acceder desde o editor de bloques, vale? Entonces, aquí habrá gente también que dirá ya, pero es que claro, os patrones de bloques tú podes hacer un patrón de bloques precioso pero bien el cliente te mueve desitio la imagen o hace perrerías. Vale, que sepáis que se poden bloquear. O sea, hay un mecanismo en el que tú le dices, mira, eu cuelgo éste patrón e basicamente voy a bloquear, no vas a poder ni quitar bloques, ni poner bloques, lo único que va a poder hacer el cliente é sustituir fotos e cambiar el texto. Vale, é xona forma, yo creo que é un compromiso muy interesante entre dejarle algo pre hecho e que non la lié muy par da el cliente. Vale? Entonces, aquí, a nivel de patrones, outra cosa bastante, que é bastante interesante, son los patrones sincronizados, que antes se llaman bloques reutilizables. É isto ideal para meter un call to action o por ejemplo, se tenéis un podcast, queréis poner los RSS o los links a los distintas plataformas. La gracia deste bloque, é que como su propio nombre indica, é sincronizado e que se en algún momento tú te das cuenta de que quando estás escribiendo el copy, non estás del todo inspirado e podés mejorar la frase de si querés máso información, haz click en el botón y verás. Pois se estás un poquito más inspirado, lo cambias e en todos os sitios donde este bloque se va a propagar automágicamente. Vale? E lo mismo, se por ejemplo, cambiarás el link de alguno de éstos. É isto é mucho ahorro de tiempo e merece la pena tenerlo en cuenta quando estás creando contenido. Vale? Vale, el mensaje. Antes del mensaje aquí, venía una diapositiva que vais a tener que poner un pouco de vuestra parte. Era un videoclip en el que combinaba todo o que os he contado de forma visual e entonces era algo así como el usuario entrava en el WordPress de Admin, súper limpio, solo con las cosas que necesitaba, iba ao custom post type que deseaba, le daba a añadir, salía un patrón de bloques donde podia elegir diseños, luego elegía desde su paleta de colores como cambiar é todo o outro e todo esto con música de gladiator épico, no? Pues el señor Los Anillos e al final del vídeo se fundían el cliente e el creador de contenidos en un abrazo. Era una cosa maravíosa. Non me ha dado la vida para hacerlo, vale? Pero voy a contar con esta imaginación e entonces ahora sí voy a pasar al mensaje final en el que básicamente vengo a hacer amigos con los creadores de contenido outra vez que es al de la vida más fácil al creador de contenidos que para algo te paga, vale? E nada, yo soy Nahuai Badiola, desarrollador WordPress motivado de la vida. Hago cosas, por exemplo, escribo cuando me da a la vida en evadiola.com, en mi blog, ya sabéis como va, cuando me da a la vida. Sí que escribo toda la semana en código Gensis, tutoriales de WordPress, de código de WordPress, de hecho, muchas de los que os he mostrado no he mostrado código porque estava enfocada vosotros, creadores de contenidos, pero bueno, ahí venían inspirar muchos de ahí y luego también cuento un pouco como ganó a vida como freelance, ya veis que con un juego de nombre fantástico, Finlandep, con Estérsola e con Estérsola también creo plugins y temas en os hombres e nada, ya lo tenemos. Moitas gracias. Muy bien. Gracias. Alguna preguntilla para este... gran ponente? Anímense. Los informáticos poden criticarle, gracias de contenido, poden preguntar dónde están los informáticos que hacen todas estas cosas, xin no te voy a tener que preguntar yo cosas. Bueno, xin no hay má remédio? No decir público está preparado para... Yo preferiría que preguntas en ellos, pero bueno, es que todo lo que cuentas está genial, pero xin tienes alguna manera, yo me imagino a mí mismo, no en tu videoclip, aunque estaría guai a participar, pero me imagino que es una tarea que al final tienes que hacer sempre o tienes que... porque todo esto es muy útil e probablemente en todos os proyectos podas usarlo. Tienes de alguna manera automatizado, tienes una especie de template, lo haces a mano cada vez e dices debería automatizarlo o usas águna herramienta o... Sí, me gustaría poder responder diciendo que tengo algo má automatizado e estructurado, pero básicamente, e isto no va a quedar bien por dos anos. No está viéndo a nadie. Básicamente, quando hago la recogida de requisitos o veo lo que necesito, voy a código genéxis e inviro como es el código. Sí, tengo que reconocerlo. E, de hecho, esto me ha pasado recientemente, así que sí, esta sería la contestación como en esta. Es verdad que se podria hacer un poquito mejor e que realmente tuvieras, de hecho, muchos snippets son solo PHP, podrias tener un plugin de funciones que fuera básicamente con las cinco cosas que sempre vas a necesitar e luego otras comentadas que podes descomentar para que se ejecuten o borrarlas e no vas a utilizar, se podria pulir un pouco, pero bueno, al final realmente lo bueno de esto es que es código bastante modular que podes añadir o quitar sin hacer muchas borradas. Me voy a poner na piel de creador de contenido e eso es terrível, pero ya que los creadores de contenido non se animan. Después de ver tu charla, yo quiero ir donde mi informático e decirle, joder, he visto... joder, no díais. He visto unha charla fantástica e me sobra la mitad de lo que hay aquí. Qual sería el proceso de... el desarrollador puede ponerse lo fácil, pero el creador de contenido también, como le dirías al informático, esto no nos vemos... Retomando la idea del videoclip, o videoclip, aquí era un screenshot, tampo nos flipemos. La idea que se me ocurre sería se tú como creador de contenido, quando entras al VPA admin o demás, tienes ciertas fricciones, yo lo que haría sería una captura de pantalla con el audio en la que entras e dices, porque yo, cuando entro aquí, só utilizo estos dos elementos. O me estresa mucho esta pantalla, o este error que aparece arriba, porque tienes el Curie monitor activado, o que sea. O quando creo unha nova lección, las veo e me las deseo para meter o que sea, el quiz, o que sea. Eu le grabaria un clip pequeño, no hagáis tan pouco un podcast muy largo, un screencast muy largo, pero me parece que puede ser la forma más práctica. La outra opción es hacerlo con pantallazo, si eres más técnico. De entrar al admin e decir, só utilizo esto, me puedes quitar el resto. E un pouco lo mismo, o hecho de menos que se pode tener listados con estrellas. Eu vi en una charla que sí se podia. O cosas así, algo así, sería mi recomendación. Hay una pregunta aí. Hombre. Hola. Hola. Muy guai en la charla. Eu, desde la creadora de contenidos, el peor rol, el diseño que está en el medio. Eu queria ser unha pregunta que ya sé qual es la respuesta ideal. Al principio todos decimos todo o que hay que decir, lo hacemos todo muy ordenado. Pero sobre todo este tema de personalizar las opciones de bloques... Bueno, todo este tema, una vez que a web ya está hecha un pouco alí le de lo que decía él. No, se eu a la huella la tengo e tengo todas as opciones, que ha agarado de poder hacer esto en una web que ya está hecha aí? O hay que... Perdona, hay que plantearlo. Entiendo que a ideia es, desde o principio, mejor saber que se va a usar e estruturar e todo e que se hagas o principio, pero una cosa ya ha hecha? Eu creo que tiene unha solución relativamente sencilla, sempre e quando aí se gado un acuerdo, o se problema que le vea esto, es que se a web ya está creada e o cliente dices, oi, informático, que ha visto unha charla, que se pueden hacer cosas mucho, e tu has cerrado el proyecto, e hace tiempo seguramente o informático te dirá, vale, bolsita de horas o como lo hacemos. Entonces, se hai un acuerdo económico o que se dice, hombre, sí, entiendo que esto es un tiempo extra, porque no se tuvo en cuenta, además, realmente lo que he comentado no es muy difícil de implementar a nivel de horas de programación, con lo cual, e es muy modular, e lo puedes hacer, no le veo tantos problemas, e incluso teniendo un tema clásico que podría ser aí, es que estas opciones no, se pueden activar e os he dicho con seis líneas de código, accedes a muchas cosas que están en outros. O sea, realmente non me parece razonable, sempre que haya un acuerdo económico e unha comunicación entre ambos. Pues, yo te seguiríamos aquí, pero alguien ha acarraspeado por aí atrás, entonces, lo vamos a dejar, se alguien tiene máas preguntas particulares, ná guai seguirá por aí... Pululando. Pululando, e nada, te voy a dar un regalito. Muy bien. E nada, muchas gracias por tu charla. Gracias.