 Vale, pues vamos a comenzar a última tanda de ponencias e en esta ocasión voy a apresentaros a Mauricio Gelves. Mauricio Gelves es licenciada en informática, trabaja como consultor web thrillers en su marca personal maujelves.com, es braz ambasador de side ground e ha sido ponente en múltiples workings en España e alrededor del mundo. Desde 2015 es nómada digital, actividad que combina con sus dos principales pasiones, la informática e os viajes. Documenta sus experiencias con artículos e vídeos que puedes seguir en su web, Instagram e canal de YouTube, pues os dejo con Mauricio e tres simples plugins que nos abren a un mundo de posibilidades. Un, aplausos. Muchas gracias. Me lán complicado porque han dicho que no puedo muerme má de aquí por el tema de la luz del proyector. Voy a tratar de ser lo mejor posible. Este café ha sido rápido, no? Habéis dado i el sorbito e habéis venido rapidísimo. Pero bueno, estamos ya en tiempo, no? Organizadores? Bono, varias cositas antes de empezar la charla. Primero, muchísimas gracias a los organizadores por haber confiado e haberme aceptado como oponente en la primer Workham de Valladolid. Si me pueden tomar una foto también que le he prometido a mi madre que iba estar en la primera Workham de Valladolid, estaría genial. Luego la comparten, ahí temos un fotógrafo profesional. Muchas gracias. Lo segundo, lo tercero, ya perdí la cuenta, estáis locos en poner a las cinco de la tarde una charla técnica deste tipo. É verdad que doi charla de todo tipo. Técnicas e non-técnicas. Entenda-se para programadores e non-programadores. Pero hoy es un excepción porque voy a hablar de cosas técnicas de WordPress. Sé que hay muchas personas que son novos que es la primera vez que vienen e me plantee como objetivo que puedan llevarse un poquito de programación o un poquito más de como funciona WordPress, pero sin tener que tocar tanto código. Non es la manera con la que yo trabajo pero sí conozco estos plugins que se puede resolver muchísimo la vida a muchos aquí. Ojalá que así sea e que puedan surgir muchos trabajos e proyectos. Así que vamos a comenzar con la presentación. Ya lo acaban de hacer pero me voy a volver a presentar. Mi nombre es Mauricio Gélvez. Soy licenciado informática argentino por si no se ha notado, hasta ahora. Desarrollo desde el año 2012 en forma profesional pero vengo con WordPress desde el 2007 como bloguero antes. Y es muy orgulloso de ser brand ambassador de Sitegram e me poden encontrar en redes sociales Mauricio Gélvez, Mauricio Gélvez como sea. Me Googlean e aí me van a encontrar. Y es verdad que tengo muchas cositas sobre viajes e cosas técnicas e últimamente alcuna cosita de música también. Pero bueno, vamos a comenzar. Vamos a hablar un poco sobre WordPress vamos a ondar un poco más en lo que ha hablado Rocío al principio de la Workamp lo que ha hablado Ana que no pude verla porque estava en la charla de Molo un poquito a ver porque del éxito de WordPress. Ya he perdido la cuenta, no sé se alguien tiene el dato pero yo me he quedado en que estava en un 33% WordPress, no sé 35, qué velocidad, ha sido a gusto tener. Es como el teatro cuando tienes ahí abajo que te dicta genial. 35% de internet está hecho con WordPress Repito, 35% de internet está hecho con WordPress va a pasar muchísimos años hasta que outra tecnologia va a tener este nivel de porcentaje es una locura, es muchísimo trabajo esa es una de las causas bueno, en realidad las causas son estas, es primero porque es gratuito e open source, o tendría que ser al revés es open source e gratuito permite que muchas empresas emprendedores puedan lanzarse con proyectos a un costo mínimo de inversión Tambien es importante la comunidad que está detrás de este CMS e quando digo a la comunidad involucra a vosotros como asistentes en este evento Tambien lo digo por la gente que está trabajando en los foros, allí estuvo Pablo e Gerardo, la gente que está en WordPress TV subiendo todas estas charlas que estamos grabando eso es la comunidad, los traductores que hacen que WordPress, plugins temas estén en todos os idiomas disponibles e me imagino en Gallego, Catalan, también en el castellano propio muchísimo trabajo de personas voluntarias que están detrás deste software, deste CMS Más causas de éxitos documentación e cobertura no solamente la documentación oficial que es el codex, por si es la primera vez que lo escuchan codex codex es la documentación oficial de WordPress donde los programadores e no programadores pueden encontrar como funciona este CMS e la cobertura me refiero a la cantidad de blogs que hay por ahí afuera e también podcasts que están surgiendo cada vez no mundo de WordPress, hay muchísima información para que podamos lanzarnos Más causas, hay miles de plugins e temas, son como pequeños bloquesitos que podemos reutilizar los plugins para dar funcionalidad a WordPress e los temas para darle un poco de estilo en fin, hay un gran etc del porque de la causa del gran éxito de WordPress pero hay una en puntual puntualmente que quiero enfocarme e que es la facilidad que tiene para poder extender sus funcionalidades vale, e lo que vamos a hablar a lo largo de toda esta charla pero para poder hablar de extender primero tenemos que entender que es lo que viene por defecto con WordPress quando lo instalamos primero viene con una serie de post types o tipo de contenido vale, quando recién instalamos un WordPress los dos tipos de entidades de información que nos vienen son las entradas e las páginas porque WordPress, cuando nació nació pensado para un blog hoy en día lo utilizamos para cualquier tipo de proyecto web pero en su momento nació con estas dos entidades de información las siguientes son las taxonomías taxonomías es un término que se utiliza en biología para poder dividir las distintas espencias del reino animal, vegetal e mineral la hemos adoptado en informática para poder agrupar información e ojo que digo agrupar e no categorizar para non encasillar esa palavra porque las taxonomías que venen por defecto con WordPress son las categorías e las etiquetas, taxonomías típicas para un blog tenemos campos estos tipos de datos, las entradas e las páginas tienen campos, el título el cuerpo del contenido e una fecha de publicación tiene mucho má campos estos son algunos de ellos e por último WordPress todo un sistema de backend todo un sistema de administración de este contenido que ya está programado que funciona súper bien e que nós simplemente tenemos que hacer uso de esta herramienta vale tenemos todo esto como podemos extenderlo básicamente podemos extenderlo de dos maneras respondiendo a esta pregunta sabemos programar e quando digo programar me refiero ao lenguaje PHP que ya se utilizan outros lenguajes de programación pero en súa mayoría está escrito en PHP se la respuesta es sí genial podemos hacer un plugin plugin o plugin como queréis mencionarlo en el cual personalizado tenemos aí toda nuestra funcionalidad para extender o reducir porque también podemos reducir funcionalidades de WordPress para dar a nuestro cliente aquello que necesitan e obviamente también tenemos no porque para esta charla vou requerir un mínimo de conocimiento al menos de HTML e CSS e se pensamos un poquito HTML e CSS no son lenguajes de programación con CSS ya sé que alguno me va a tirar una piedra bueno nada que hacemos en el caso que no sepamos programar bueno estáis aquí para eso vamos a ver tres plugins imprescindibles para WordPress para poder desarrollar unha estructura de información sin tener que picar unha línea de PHP el primer plugin que vamos a utilizar es el Custom Post Type UI lo conocéis? vamos a ver luego para que sirve el segundo mucho má conocido el Advanced Custom Fields el ACF e el tercero es el Admin Columns cada uno tiene su funcionalidad que lo vamos a ir viendo a lo largo de toda la charla espero un ratito porque lo veo a todo con los móviles igual va a estar la charla en WordPress Tv e como está Julito seguramente en una semana estará ya al aire o en un día no porque el contributor fue ayer vale, para explicar estos tres plugins vamos a imaginarnos un proyecto vale porque si no está todo esta idea un poco en el aire nos contacta un gerente de informática de una empresa a través de nuestra página web se pone en contacto obviamente en WordPress el contacto funciona bien nos llega el e-mail e bueno después de una charla con esta persona cerramos un contrato un proyecto con esta gente nos dice que tiene una página web institucional super bonita en la que nos cuenta quién es esta empresa un poco de su historia tiene la homepage donde mostran sus productos, sus servicios lo que sea pero lo que nos dice es que confía tanto en su empleado que quiera devolverle un poco de cariño dándole visibilidad en la página web quiera un nuevo link que diga empleados o extendere quiénes somos e aparezcan aí sus empleados en que departamento están quale es su nombre, quale es su cuenta de Twitter e demás es un trabajo simple pero es un ejemplo acotado para que lo podamos dar en una work camp bien aceptamos el contrato ya nos pagó el 33% del avance un proyecto y ahora nos toca hacerlo instalamos un WordPress e esto é o que tenemos por aquí comenzamos nos giramos e tenemos una entrada una página, un gestor de comentarios por donde comenzamos por donde tiramos bueno básicamente tenemos un serie de pasos a seguir que lo vamos a ir desgranando primero basicamente instalar plugins sin esto os tres plugins que hemos dicho pouco podemos realizar coxas de empleados, algún tipo de entidad de información vamos a tener que hacer coxas de empleados aqui posto custom postai pero ya veremos que pasa coxas de empleados porque pueden haber otras soluciones também me hablo de departamentos también tiene muchas posibilidades de implementación pero vamos hacerlo con una taxonomía campos personalizados porque obviamente me pidio un campo de Twitter e outros campitos máx que obviamente eso non viene con WordPress e por ultimo vamos a mejorar el listado en el backend de WordPress para que le sea mucho más simple a quien lo administre e un bonus extra valorado en 500 euros pero por ser la work de valladolid la primera lo tendréis totalmente gratuito paso número 1 instalar plugins ya tenemos dos instalados instalamos el tercero esto é un paso súper simple me voy a preocupar si alguien no sabe como instalar plugins sí no vamos a buscar el admin column instalando activar perfecto, ya tenemos los tres plugins que mencioné al principio primer paso bien podemos oir entonces segundo registrar un custom postai empleado aqui hay un poquito de duda porque aquí se puede esta solución la podemos encarar de distintas maneras un custom postai un usuario de WordPress o con el novo Gutenberg também podemos implementarlo con un bloque vale se lo hacemos con custom postai o con usuario de WordPress la solución a esta pregunta perdón se esas personas van a interactuar con WordPress o no me explico, se alguno de esos empleados a los cuales les vamos a dar visibilidad tiene que lo guiarse en WordPress por exemplo, para dar de alta unha tarea para subirá con un documento se la respuesta es no solamente va estar el nombre, la biografía e su Twitter, pues hacemos un custom postai e con eso estaríamos o un bloque de Gutenberg seguramente unha charla de vidaña pode ayudarle mucho más que esta charla asi que vamos a dar de alta el custom postai del empleado para eso utilizamos el custom postai pui e solamente con estos tres campos tendríamos resuelto vamos a ir un pouco más empleados, estos son las etiquetas que se van a utilizar en el menu e ya con añadir este tipo de contenido lo tendríamos resuelto pero vemos que tenemos etiquetas adicionales que son las que se muestran a lo largo de toda a interfaz de WordPress e distintos ajustes todos estos ajustes son los parámetros que normalmente los programadores trabajamos con línea de código pero que aquí lo tenemos un falso para desactivar Gutenberg vale? vamos a decir que sí que tenemos un listado de empleados para poder mostrarlo en el frontend e ahora creo que nos vamos a ir directamente a que herramientas vamos a mostrar cuando demos de alta un empleado vemos que tenemos los campos mínimos título el editor es el cuerpo donde escribimos el contenido de un blog normalmente e la imagen destacada que ponemos a un costado obviamente vamos a dejar el título la imagen podríamos utilizarla para la fotografía del empleado pero lo vamos a trabajar con un campo personalizado así que lo desactivamos también añadimos el custom post type en el caso que tuviéramos la taxonomía de departamento podríamos agregarlo aí directamente e guardamos quando guardamos vemos que ya tenemos un nuevo menu de empleados que está totalmente vacío e vemos como tenemos toda esta zona gris donde antes estava el bloque de contenido eso é por lo que hemos desactivado estamos de alta un novo empleado lo publicamos e pouco mángo, hay gran misterio aí tenemos la url con su nombre empleados del tanto custom post type e o Mauricio Helves el Slack del empleado que acabamos de crear e se borramos Mauricio Helves vamos a ir al listado de empleados que como tenemos uno solamente é o que se está mostrando ven hasta aquí seis clic e o tenemos hecho já tenemos o empleado o siguiente punto que podríamos hacer é crear la taxonomía departamento para decir sin Mauricio Helves trabaja en informática gerencia, contabilidad, etc utilizamos el mismo plugin custom post type UI pero en este caso es la segunda opción que es para hacer lo mismo pero con taxonomías lo mismo para decir departamentos departamentos, é xomera mente estético para o menu pero aquí sí podemos directamente añadirlo ao empleado que acabamos de crear estamos relacionando esa taxonomía con ese custom post type o mesmo tenemos máis etiquetas adicionales e unha serie de ajustes que é o que vamos a ir a modificar o primeiro jerárquico se é falso se comportará como se comportan as etiquetas e se é verdadeiro se comportará como las categorías que unha pode ser hijo de outra marcamos como verdadeiro e añadimos a taxonomía vemos que empleado já tiene departamentos e empezamos a cargar los términos cada uno de estos departamentos son términos taxonomía e cada uno de los registros términos, contabilidad, recurso informática e gerencia se agora vamos al empleado que hemos dado de alta vemos que a sección de taxonomía las vamos a tener así al costado não queremos eso queremos dejarle a interfaz ao administrador lo máis simple posible então vamos a quitarlo de ahí e lo vamos agregar en esta zona gris en el siguiente paso como hacemos para quitarlo vamos a editar la taxonomía que hemos dado de alta e unha de las opciones abaixo de todo é para crear unha función en PHP de como mostrar ese formulario o simplemente nós temos falso para que não muestre nada esta última opción de aquí se agora volvemos a los empleados ao quedado de alta já sí vemos que allí ha desaparecido volvemos a estar como en el paso anterior e não me acuerdo se algo máis não, lo vamos a poner aquí hasta aquí bien tenemos el empleado já dimos de alta la taxonomía hemos cargado los términos e ahora lo que nos restaria é um pouco máis de sentido a este administrador para éso vamos a utilizar ACF nos han pedido unha serie de campos personalizados que tenemos que relacionar-los con o custom post type empleado, esos campos son a fotografía que podríamos haber utilizado a imagem destacada pero hemos dicho que no que vamos a dar de alta un campo nuevo unha biografía de quina é ser empleado para o qual utilizaremos un campo del tipo text area twitter para o qual utilizaremos un campo url e o ultimo campo o departamento que trabaja que será del tipo taxonomía não vou a ondar demasiado en como dar de alta estos campos porque ya hay muchísimo material en world preste v sobre como utilizar este plugin os recomiendo a charla de juanca eu creo que os vídeos tardan un pouco a encarrar en fin, a charla de juanca dia que está super bien world preste v aí a onda meramente en ese plugin em particular pero sí que vamos a verlo rápidamente como lo hago aqui, este é o plugin advanced custom fields le vou a dar un nombre a este grupo de campos personalizados que se pode chamar empleados e agora empiezo a añadir campo tras campo, cierro aquello para que no hacía un pouco de lío e o primer campo fotografía aqui es el nombre del campo que vamos a utilizar luego en el frontend para renderizar o tipo de campo, con lo cual poned nombre bastante únicos custom post type, empleado fotografía indicamos dentro de toda esta serie de campos que hay que va a ser del tipo imagen pero vamos que podemos elegir de todos estos que tiene o plugin por defecto quando elegimos un tipo de campo automáticamente muestran novas configuraciones de cada tipo de campo, en este caso de la imagen le decimos que nos devuelvo un array o tamaño que tendrá en el backend e o frontend e pouco más enxerramos el campo y vamos añadir los siguentes creo que era biografía el siguiente exacto biografía para el cual aqui podríamos utilizar un campo de línea texto que es una simple línea pero como pode ser un texto largo es mejor que hagamos un text área área de texto donde podríamos definir la cantidad de filas que tienes e demas pero solamente le decimos que es obligatorio al igual que fotografía e listo para que podamos modificar el orden de los campos es muy fácil de realizar e definir el ancho e demas opciones departamento que va a ser del tipo taxonomía ahi le estamos dando un nombre taxonomía está por debajo de todo ahi está a relación taxonomía e aqui obviamente no pide que categoría el que hemos dado de alta que es departamento e aqui esta opción es muy importante no permite utilizar seleccionar varias opciones o solamente una pues no un empleado solamente pertenece a unha sección asi que le aplicamos botones radio e vamos a seleccionar estas dos opciones para que quando seleccione algo en ese campo personalizado tambien lo guarde como taxonomía de górpres e creo que el ultimo que nos queda es la cuenta de twitter la cuenta de twitter que será un campo del tipo url que significa que sin el vaquen agrega unha simpleña de texto se da cuenta que non es un enlace e va a devolver un error url bueno requerido non lo dejamos como opcional e lo mas importante agora es onde vamos a mostrar todos estos campos hasta aqui llega mi explicación sobre as f's e querais un poco mas en górpres tube hay mucha mas información vamos a decir que muestre cuando el post type sea igual a empleado todo este conjunto de campos pero como vemos vamos a seleccionar un monton de lugares de górpres si post type es igual a empleado mostraramos todo esto publicamos e agora quando volvemos a empleados veremos que ya no tenemos todo ese espacio en gris sino que nos esta mostrando los campos que no ha pedido el cliente tenemos un administrador mucho mas acotado seleccionamos la foto ya ven como con un par de simples clicks tenemos todo solucionado muy importante agregar siempre el nombre el texto alternativo e el título porque se tenemos dos imágenes no pasa nada pero quando tenemos unha web con 5 mil imágenes e queremos reutilizar unha esos campos son vitales aqui como ven puedo solamente seleccionar un término de la taxonomía e obviamente agrego unha url para la cuenta de twitter fantástico, ya tenemos aqui todos os valores necesarios de lo que nos ha pedido el cliente vamos que mostrar esto en el frontend un paso previo que vamos a realizar es mejorar la lista de empleados como les conté al principio warprefine solamente con dos campos para cada tipo de entidad el título e la fecha en la que se publicó obviamente si tenemos esto con dos empleados poderíamos darnos cuentas pero con algún tipo de entrada es distinto vamos necesitar darle outro tipo de información al administrador para que sea mucho mas dinámico a su administración como lo vemos aqui como podemos modificarlo con el plugin que hemos instalado o admin column que esta aqui en ajustes vemos aqui el título e la fecha título en realidad non es un título sino que es el nombre del empleado podemos cambiar el nombre de esa etiqueta e podriamos agregar por ejemplo la imagen como ven aqui ya tiene unha opción de advance custom fills pero se la seleccionamos nos va a saltar unha imagen de que es unha versión de pago podemos utilizar los custom fills por defecto de WordPress e seleccionamos la imagen, la fotografía donde la seleccionamos en el campo-campo aí marcamos la fotografía e basta simplemente con que especificemos que es del tipo imagen luego nos permite elegir que tamaño de imagen quere mostrar en el listado le puesto un thumbnail cerramos e vamos a ver como funciona esto actualizamos e si vamos a empleados ya va cambiando de apoco el administrador vamos dándole de apoco má sinformación para que pueda trabajar de una forma mejor vamos a cambiar el orden vamos a poner la fotografía primera o segundo es tan simple como arrastrar actualizar e ya lo tenderíamos vamos agregar ahora lo que es el campo de la taxonomía Mauricio Helves en que departamento trabaja tamén podemos realizarlo sin necesidad de la versión pro vamos al campo taxonomía no me está haciendo caso departamento e no mostraría las distintas taxonomías que hay e demás cierro, muevo, actualizo e ya lo tendería resuelto seis clicks e ya he modificado o administrador de WordPress perdón, del contenido del tipo de empleados muy bien, sigamos adelante pónus extra ok, muy bonito, ya tenemos todo en la base de datos pero hay que mostrar en el fronten pues para éso vamos a utilizar este plugin que se llama acf.thincode que lo he descubierto hace poco no lo utilizo, pero sí que le viene muy bien para quien no sepa programar en PHP acf.thincode podría haber cortado ese pedacito de vídeo mientras está buscando pero no lo he hecho, instalar éste é o peor de todos eu creo que aí o repositorio de WordPress le pasó algo mirá, todavía sí buscando instalando, sinón están pesados este plugin ahí está, activamos no hace nada este plugin o único que va a hacer é darnos la información necesaria para copiar e pegar en el fronten de WordPress vamos a grupo de campos, al que hemos creado recién empleados, seguimos teniendo todo exactamente igual, pero aquí debajo nos agrega una nova sección para cada campo nos dé al PHP para copiar e pegar en el fronten tan simple como éso má fácil no se lo puedo poner en serio son 4 plugins copiamos, pegamos ésto na plantilla que tenga que ser me apuro un pouco para que non me pide o toro, e con un pouco de HTML e CSS aqui lo voy a hacer un pouco rápido HTML e CSS no hay más é pouco, é pouco utilizo un pouco de grid para darle sentido e ubicación, e aí lo tendríamos obviamente dado de alta máis empleados e ya lo tendríamos resueltos vale, ésto solamente poderia valer para cualquier tipo de trabajo e de proyecto en WordPress por exemplo, unha concesionaria de coche como podriamos hacerlo con éstos plugins é muy simple, custom post type coche unha taxonomía para la marca algunas ideas campos personalizados que podrian ser las fotografías del coche el año de fabricación tipo de combustible, diesel o gasolina e el contacto obviamente e podriamos mejorar o listado con admin column un banco, podriamos hacer unha cuenta de un banco con WordPress, quén cree que sí que poca fe me tienen nadie va ser unha cuenta bancaria con WordPress pero en la teoría con la estructura de información se podria custom post type cuenta bancaria taxonomía tipo de cuenta ahorro cuenta corriente campos personalizados para a cuenta el IVAN el saldo que podre ser un global un movimientos con el listado de cada uno de los movimientos obviamente quén es el cliente resumiendo obviamente mejorar el listado de las cuentas para resumir instalar los plugins obviamente ya tenais toda la foto e seno el video en WordPress TV luego pensar la estructura de la información se tenemos que hacer un custom post type de WordPress o un bloque de Gutenberg crear los estos campos mejorar los listados e implementar el fronten con el ultimo plugin asi que espero que todo esto os haya ajudado e podais implementar más estructura de información en vuestros proyectos muchísimas gracias gracias a ti Mauricio justo a tiempo no queréis hacer alguna pregunta dejamos un par de preguntas alguien quiere hacer una pregunta no veo ninguna mano por aí ali al fondo hay una mira ah si vamos para allá o Juan no hola Mauricio que tal min pregunta é un pouco má tecnica con el plugin que ha utilizado para crear los custom post type esos custom post type que creas se les puede crear también un arca e un single proprio para ese curso custom post type ohhh no no nos hemos manejo de la jerarquía de plantillas e Israelis te das custom post type e taxономía la jerarquía de plantilla e teYoung the protein o non過去 desir o noется cato post type é dedistir se irá tener X ou no el hah Yo X Prevention o tror que é F admitting que tendríamos es conocer la jerarquía de plantilla de gúrpes, que hai tamén un montón de charlas en gúrpes de Uber, sobretodo de Dario Balbontín e HTML e CSS. Javascript estaría genial, pero bueno, es un opcional. Sim, pero que yo creándome la plantilla Arca e Guioncoxas.php, me valdria e pillaria el CPT e pillaria esta plantilla. Absolutamente. E, por supuesto, que todas estas configuraciones, como esta echa con plugins, quedan guardadas en la base de datos, con lo cual, siempre dependeremos de estos tres plugins. El lar de alta, un custom post type, no va a crearme el PHP e instalarlo en mi tema e en ningún plugin, estará sempre guardado en base de datos. Pues, muchas gracias Mauricio. Vamos a dar un fuerte aplauso a Mauricio. Gracias.