 Vale, pues vamos a ver cómo crear un directorio usando WordPress y para eso, aparte de otras herramientas, entre ellas vamos a ver lo que es los campos personalizados o Advanced Custom Fills que lo conoce de aquí, el plugin de Advanced Custom Fills Los que no lo conocéis, tenéis perfil de programación, algo técnico, nada, si no, algo y tenéis más perfil de diseño o por ejemplo, no sé, pregunto básico en general, ¿no? Vale, no lo digo para profundizar más la parte técnica o no porque si para yo poner código y sentirme ello bien, no sirve para nada lo importante es que lo entendemos, lo pasemos todo bien Vale, pues vamos a ver un poco un índice de lo que vamos a ver por un lado, vamos a definir que es un directorio para saber de qué estamos hablando porque el nombre de directorio pinta muy bien, pero a veces se le llama directorio igual es un catálogo, porque un porfolio donde tú presentas tus proyectos o tus trabajos también se podría considerar un directorio, muy pequeñito, pero es un directorio veremos casos prácticos para entender y ejemplificar que es un directorio veremos cómo lo podemos hacer con WordPress y luego veremos las diferentes herramientas que vamos a utilizar para poder generar un directorio en WordPress por un lado, tenemos toda la parte de los Custom Post Types las Custom Taxonomies, Advanced Custom Fills luego un plugin de funciones y un tema personalizado, ¿vale? todo eso es lo mínimo que necesitamos para hacer un directorio que al final traducido al castellano es WordPress es la herramienta de CMS que es el gestor de contenidos que necesitamos para poder tener una web y dar de alta contenido, los Custom Post Types es en vez de utilizar los tipos de contenido que vienen por defecto en WordPress que es entrar a las páginas, vamos a crear el nuestro motos, coches, bicis, trabajos, lo que queramos las Custom Taxonomies es como los Custom Post Types pero aplicado a las categorías para poder organizar ese contenido que hemos creado nuevo pues si yo me creo un contenido de motos igual quiero una categoría para las cilindradas de los motos para que luego esté viendo todas las motos y diga quiero ver esta cilindrada, esta otra ¿vale? que en WordPress ya viene de serie, lo único que en vez de utilizar las que nos vienen de serie podemos crear nuevas para nuestros proyectos los Advanced Custom Filts es para poder añadir campos personalizados a cada moto cuando yo añado una moto nueva me va a preguntar nombre de la marca, color de la moto, cilindrada de la moto, etcétera hago unos campos personalizados que solo me aparecerán cuando desde alta la moto y así todo el mundo cuando rellene una moto nueva tiene un patrón a seguir que son los campos que tiene que rellenar el plugin de funciones nos va a servir para no tener que depender de plugins y hacer todo esto y tenerlo todo instalado en nuestro WordPress y el tema personalizado pues para que se pueda ver seguramente en estos dos últimos no profundizaré mucho pero más como tú decías antes muy bien está bien saber qué es lo que hay para cuando vaya fuera a contratar o a ver trabajos o a ver posibilidades pues saber de qué me están hablando y no creerme en lo que me hizo un programador que es muy peligroso ¿vale quién soy yo? yo me llamo Juan Cadíaz como me llamo Presenton Aguay soy programador frontend programador de lo que se ve tengo mi propia empresa que se llama www.pia.com donde hacemos plugins y temas a medidas para WordPress y gestiona tanto el grupo de WordPress en Tarragona y WordPress en Barcelona lo que hacéis aquí pero en Barcelona o en Tarragona igual que hacéis vosotros aquí que lo grabáis en vídeo nosotros también lo grabamos en vídeo así que si queréis ver alguna charla o alguna cosa pues también podéis acudir ahí a verlo y bueno, TechnoForum es un evento que hacemos en Tarragona con las diferentes meetups de la provincia hacemos un evento al año de tecnología y seguimos yo siempre comienzo a lecharlos con un disclaimer y es que no os creáis todo lo que voy a decir sino ponerlo en duda y si estáis en desacuerdo con alguna cosa de la que diga o pensáis de otra manera o creéis que hay una mejor forma de aproximarse me lo decís porque al final también me sirve para mí para poder aprender y entre todos llegará la mejor conclusión sos responsable de lo que digo pero no de lo que cada uno interpreta no me puedo responsabilizar si algún código o alguna recomendación quedó y te estropea tu web y en caso de duda consulta con tu programador y luego además decir que cuando uno enseñado se aprenden entonces si tenéis alguna duda o en algún momento que estemos viendo algo no os queda claro o tenéis dudas yo por mí me podéis interrumpir y preguntar y lo vemos en un momento más que nada porque a veces según la duda que si, si os esperáis hasta el final os va a ser más abrupto pero si es en ese momento pues por mí no hay ningún problema vale hemos dicho que vamos a ver directorios que es un poco el título de la charla, aquí todavía no engaño entonces para saber que es un directorio normalmente o nos vamos a la Wikipedia o nos vamos al amigo chat gpt y le preguntamos qué es lo que vamos a ver lo voy a leer, porque de memoria no me lo sé y dice que un directorio web también llamado directorio enlaces o directorio abierto es un tipo de sitio web que contiene un directorio organizado de datos, imágenes o más generalmente enlaces a otro sitio web es decir lo que vamos a ver es un listado de cosas en las que hay diferentes tipos de datos, enlaces, imágenes, documentos, lo que sea dice que los directorios web, contrariamente a los motores de búsqueda se caractericen por estructuras en categorías o subcategorías o sea que la información que tenemos es susceptible de que se pueda o filtrar o ordenar de otra manera diferente pero que como sería un buscador que tú buscas algo y te enlaza a diferentes webs aquí lo que haces es comparar los diferentes datos que ya tiene escrito en texto parece que sea muy complicado cuando veamos los ejemplos veréis que no tiene tanta amiga al final un directorio no deja de ser esto fotocasa es un directorio, es un sitio en el que yo voy en este caso lo que te hace es que te pide unos primeros datos pero es una simulación porque yo me podría ir directo a ver todos los inmuebles y me saldrían todos los inmuebles y yo a ella le diría que me filtre por ciudad por no sé qué, por no sé cuánto aquí me engaña y me pone un formulario en principio por más que creer que la web trabaja para mí que es lo que quiero que te voy a preparar la información pero es un filtro, o sea donde me envía este formulario es a todos los inmuebles, es decir al directorio de inmuebles con un filtro aplicado si vemos aquí yo le digo que quiero una vivienda para comprar le digo la zona, no me acuerdo ni lo que le puse creo que es un piso en Barcelona y cuando le doy enter ya me sale directamente todas las opciones de pisos que tengo aquí ya estas webs tiene mucho presupuesto y está muy bien hechas y ahí está un mapa interactivo en el que me va diciendo los pisos por zona yo cuando hice este vídeo no sé si lo permitía pero ahora creo que hasta le puedes dibujar la zona en el mapa y te dice los que hay, etcétera yo le filto por diferentes opciones y me lleva a enseñar un piso ¿Qué pasa? que ya vemos que para que pueda darme la información que yo necesito van a ver ciertos datos que los tengan todos los inmuebles, todos los datos que yo tenga aquí es decir como mínimo todos van a tener una foto destacada van a tener un título atractivo si uno de los primeros filtros que se usa es metros seguramente cuando yo suba un inmueble el campo de metros va a ser obligatorio porque si no lo añado cuando la gente busque por metros que es uno de los primeros filtros que me salen nadie va a encontrar el piso que yo estoy dando de alta etcétera, etcétera y aparte me tengo que obligar a ponerlo de una forma más o menos estandarizada para que cuando luego se busque yo busque piso de 100 metros me liste todos los que tengan 100 metros por lo tanto no puedo poner que mi piso tiene 100 m o 100 y ya está no, tiene que haber un sistema en el que si yo pongo 100 sea la unidad 100 valga para todos ¿vale? o no puede escribir ¿Cuántos metros tiene tu piso? 100 y lo ponga en letras 100 metros pues luego el filtro no me lo va a encontrar más ejemplos, esto es un trabajo real es un trabajo mío en este caso que es una inmobiliaria de Cantabria que les hicimos una web y es lo mismo es comparador de pisos y aparte lo que tiene detrás es Wallpress este caso es un poco particular porque la mayoría de inmobiliarias no añaden ni siquiera ellos mismos los pisos en su web sino que los dan de alta en un CRM que es una plataforma intermedia suben ahí todos los pisos que tienen y le dicen pues este piso va a nuestra web, a fotocasa, a idealista, ya no sé dónde y esta web se encarga de ir al CRM y bajarse los pisos y montarlos en Wallpress y el fotocasa, a idealista y tal, cada uno lo hace de su manera ¿vale? ¿Por qué lo hacemos de esta manera aquí? ¿Por qué nos interesa tener los inmuebles dados de alta en nuestro web? ¿Por qué es donde nosotros tenemos el control? si un día el CRM se cae no pasa nada, nosotros tenemos nuestros inmuebles en la web si queremos hacer alguna acción especial vamos a estar siempre limitados por lo que nos dé el CRM en este caso una de las cosas que nos va muy bien es poder nuestraer la información de nuestro WordPress y aplicarle mejoras para SEO porque el CRM no nos las ofrece entonces tenemos que encontrar una forma para que podamos vender pisos tanto en las plataformas de siempre como en nuestra propia web que es donde realmente nosotros mandamos y tenemos poder porque las otras plataformas el día de mañana a fotocasa dice que si no pagas 100€ al mes no vendes un piso y cierran no sé qué porcentaje de inmobiliaries en España cerraría pero sería una locura porque hay muchísimas, en este caso inmobiliarias, dependen mucho de terceros puede ser una cosa buena, puede ser una cosa mala pues mientras no pasa nada es bueno pero si el día de mañana idealista a fotocasa se enfadan o cierran o no le salen los números hay mucha gente que se queda en ese negocio si el día de mañana los precios también ¿cómo como? si supon los precios claro, claro, claro vale, este caso es lo mismo le doy a buscar, le digo si quiero comprar, si quiero alquilar si quiero hacer algo cualquiera otra cosa pisos en tender y tengo un listado de pisos con un filtro arriba en el que yo le puedo ir filtrando las diferentes opciones y cuando yo le hago un cambio ahí, clac, si veis abajo se cambia el listado de las opciones que tengo es muy parecido al fotocasa, salvando las distancias porque cada fotocasa es un monstruo el cliente cuando te contrata te pide fotocasa aunque seas una persona solo de programador, lo igual y aquí la gracia va a estar ver, creo que es después la versión móvil, más que nada también para ejemplificar un poco que muchas veces se dice que con WordPress o con web no se pueden hacer cosas en móvil que estén bien pues esto prácticamente parece una web, una app, ¿vale? y es una web y hace lo mismo, hace llamadas internas al propio sistema de años para que parezca más una app en vez de una web, etcétera vemos los resultados, podemos filtrar el filtro es totalmente diferente al otro que veíamos es mucho más pequeño en un motor arriba, tengo un menú inferior que ahora estoy viendo el listado de pisos y me pone menú buscar y no sé qué y cuando vaya a ver un piso cambia, o sea que el menú es contextual tiene un poco más de historia, ¿vale? y es un poco lo mismo tengo una estructura de datos para los inmuebles y tengo un buscador que me permite filtrar de hecho este sería el ejemplo de fuego por así decirlo porque buscar en un móvil como no sea fácil es un infierno porque en una pantalla tiene mucho espacio para poner cosas pero un móvil es mucho más reducido, ¿vale? esta aplicación siempre me ha alucinado en la de los planos poder ver una casa sin moverte de tu casa ¿Qué es tu aplicación? ¿Desplados? yo creo que es un servicio que se llama Matterport Matterport, pero es, o sea necesitas una cámara especial y todo o sea no es... pero bueno, es toda para otro charlo, ¿eh? seguimos, tenemos el ejemplo de Warp pre-Barcelona que también es un directorio, aquí no tenemos motos ni coches ni pisos pero es un directorio ¿Por qué? porque tenemos una sección que veremos ahí arriba que es eventos en el que tenemos una imagen para cada evento tenemos un título para cada evento, tenemos una fecha tenemos una temática, tenemos una descripción luego cuando vamos adentro cuando el vídeo está ya publicado se añade el vídeo, la información de la persona que da la charla la información del sitio donde se hace la charla las otras charlas que están relacionadas con ésta, etcétera o sea que aunque sea una web para una mitad en este caso un listado de charlas comparte muchísimas similitudes con lo que podría ser un listado de inmuebles que es que al final es estandarizar información y darle un formato para que aquí no tenemos un filtro en su día en hora lo diseñó y no hemos tenido tiempo de aplicarlo pero ya que estamos categorizando, como veis ahí cada charla tiene seguridad a Warp, es comunidad, no sé qué pues yo puedo poner un filtro que me filtre todas las charlas de diseño porque hoy tengo ganas de ver charlas de diseño de comunidad, de programación, no sé qué pues como la información ya la has añadido una vez luego tienes la opción de poder filtrar por ella qué más, este es el ejemplo que veremos que es un listado de coches siempre pongo el mismo ejemplo, velo como ya me lo voy a poner una vez para que me lo voy a hacer más veces y no viene perfecto, pues ya aquí le digo si lo quiero con diésel, gasolina y una vez voy clicando ahí en el momento que dejes de apretar se me recarga el listado y me los reordena por las opciones que yo le doy este ejemplo es el que veremos durante la charla aquí le di cambio el tipo de coche, me reordena, etcétera no sé si tengo más ejemplos vale, entonces qué cualidades tiene que tener un directorio pues como estamos viendo aquí necesitamos que tener la información mínimamente estructurada, es decir de qué va a ser nuestro directorio y qué campos necesitamos para poder crear ese directorio, vale pues en el caso de coches podríamos debatir mil cosas pero uno por ejemplo sería el tipo de combustible el tipo de cambio que utiliza el coche los caballos de vapor que tiene ese coche la marca, el modelo, el color, etcétera si fuera como hemos visto antes el de la web de las meetups pues el título de la charla, la persona que da la charla la categoría de la charla, si hay vídeo o no en youtube, etcétera una serie de información que lo que nos va a hacer es que esa información en pequeños trocitos nos crea lo que es, en este caso sería por ejemplo la entidad inmuebles la entidad charlas, la entidad portfolio, lo que queramos como decimos vamos a tener la información, vamos a mirar de estructurarla vamos a tener campos comunes que sean en cada uno de los items que va a generar el directorio para que luego podamos hacer uso de esa información común y poder filtrar porque al final no olvidemos que una de las ideas que tiene un directorio es que haya mucha información de una temática en un mismo sitio por lo tanto tiene que ser fácil de poder filtrar porque de nada sirve ver 200 coches, uno al lado de otro vale pues sí veo 200 coches, pero si yo lo que quiero es encontrar que más sea adecu a mis necesidades o lo que yo estoy buscando pues tengo que buscar esas opciones de filtrado que además esas opciones, porque por ejemplo no serviría de nada que yo pusiera una opción de filtrar por llantas de, me lo invento, de 20 pulgadas sin ningún coche las tiene o solo la tiene 1 o 2 estás poniendo una opción en un filtro de un montón de opciones que tienes en tu directorio y que solo te va a devolver un resultado de 1 o 2 igual te interesa que sea así, pero todo se tiene que pensar luego las particularidades que vamos a tener es que tenemos una vista delistado es decir va a haber una pantalla en nuestra web que tenga todos los coches o todos los inmuebles uno al lado de otro, por lo tanto vamos a tener una vista más pequeñita aquí no veo la galería del coche, no veo información de la ficha técnica simplemente veo un coche al lado de otro luego cuando clique dentro de él ahí sí que tengo la vista completa del coche que es lo mismo cuando me voy a un blog, yo veo el listado de las noticias pero hasta que no clico en cada una no veo la noticia completa luego tenemos que esforzarnos para que la forma de introducir los datos sea fácil yo diría que fuera fácil, rápida y amena aquí tendría que añadir o sea que no sea complicado que yo no tenga que si le tengo que elegir un color o le tengo que elegir alguna información que sea un poco complicada no puedo esperar que el usuario final sepa eso o sea si yo le pido un color me lo tengo que idear de alguna manera ponerle un selector de color, una rueda de color no que él diga voy a buscar el color hexadecimal lo voy a buscar en internet y se lo voy a apuntar porque es el que necesita el usuario, por algo es usuario o sea no tiene que tener conocimientos técnicos a la hora de introducir información porque si no sería, estaría haciendo tu trabajo no sería usuario, ¿vale? y además pensemos que contra más fácil y más cómodo sea de cara al usuario de poder añadir información en esas fichas o en lo que vayamos a mostrar más fácil es que se rellene porque no sirve de nada poner, voy a dar de alto un coche y tengo campos obligados el 55 que no lo va a rellenar nadie porque si cada vez que tiene que añadir un coche tiene que rellenar 55 campos sí o sí porque todos son importantes que nunca hay tantos importantes nunca se van a rellenar, entonces si ponemos que un campo sea importante de rellenar o lo típico ¿no? que es campo obligatorio si no rellenas esto no te dejo guardar el coche, hostia pues pongamos los mínimos posibles porque si no la gente cuando vaya a añadir coches, meetups o lo que sea si hay muchos obligatorios no lo va a acabar rellenando y ya que hacemos todo este esfuerzo pues también tenemos la opción de que haya una forma desatendida de poder alimentar toda esta información como yo tengo todos mi información separada y estructurada hay algunos clientes que los van a dar de alta directamente en la web hay otros clientes que van a rellenar un Excel o un CSV que nosotros le facilitemos y de vuelta nos lo dan, lo subimos a la web y se actualiza solo o como el ejemplo que hemos visto en la inmobiliaria que ellos dan de alta a los inmuebles en un CRM intermedio y se olvidan, la web va a CRM, se recoge los inmuebles y lo monta ¿vale? ¿cómo podemos hacer esto con WordPress? pues como decíamos antes en el índice, tenemos la parte de los custom post type la parte de los custom taxonomies utilizaremos un plugin propio, bueno el avance custom fields para hacer los campos personalizados un plugin propio de funcionalidades un tema personalizado o podríamos utilizar un tema hijo y diría que algún constructor visual y demás se podría utilizar para estos casos porque ahora ya empiezan a ser compatibles con campos personalizados casi todos y todas esas cosas yo es que como nosotros no lo sé pero me parece que haber leído, haber visto en alguna charla que incluso Elementor y DB, si estos ahora ya son compatibles con ACF y todo y te dejan recoger o sea que esto está bien porque así no tienes que saber la parte del tema personalizado va un poco de la mano con la jerarquía de plantillas yo os digo que las partes más técnicas como hemos visto que no tenéis perfil técnico pasaremos un poco por encima pero para que lo tengáis más o menos en cuenta y en este caso los filtros que hemos visto yo los hago con Facebook WP que es un plugin para hacer filtrados iba a decir no se me ocurre otro porque tampoco hay muchos más pues que este es tan bueno que tampoco lo tendría complicado seguimos entonces quieto quieto que pasa aquí porque claro estáis diciendo hostia si todo esto que me estás diciendo yo con el editor le puedo poner aquí la información con lo que ya tengo en una página o en una entrada y tampoco me estás juntando nada nuevo o en el caso más actual tendríamos ugut en verno que con el editor de bloques coño puedo meter la tabla la imagen yo ahí me creo mi tabla con las características de la marca el combustible yo ya ya lo tengo todo ahí añadido aquí me está contando este chaval de hacer campos personalizados palabras técnicas castón taxónomies sé que estos programadores se complica mucho la vida también es verdad que sí en este caso tiene su justificación claro si yo lo metiera todo en este editor de contenido en el de bloques por ejemplo que pasa que yo sé cómo he añadido este contenido y yo sé por ejemplo que después de marca he puesto combustible en la tabla pero si el siguiente coche no lo ha doy de alta yo lo da de alta otra persona y se olvida el combustible o no lo pone o lo añade de otra manera o como hay libertad le pone color inches pone que la parte del combustible un yo está en rojo el otro en verde aquí a mí la galería de imágenes del coche me gusta más al final y no arriba pues cada vez que entras a ver un coche y otro a comparar te encuentras cosas diferentes y dices esto no tiene no es homogéneo te causa de desconfianza además luego a nivel técnico todo se puede llegar a hacer pero es mucho más difícil buscar información si está toda la información metida en el propio contenido que si la tenemos separada si está separada en unos campos específicos para cada información es mucho más sencillo a nivel técnico luego poder hacer filtrados hacer búsquedas hacer comparaciones hacer lo que queramos si la tenemos toda metida en el editor de contenido sabéis lo que digo el editor de contenido de WordPress el Gutenberg si está ahí la podemos llegar a buscar porque si está ahí guardado es que en base de datos existe pero no tiene una consistencia entonces en este caso lo que tendríamos que hacer es intentar establecer una mínima arquitectura de información estructurar los datos que vamos a necesitar yo siempre digo lo de evitar las dependencias innecesarias y es que a veces por falta de conocimiento o porque no lo hemos sabido hacer de otra manera se me viene a la cabeza ahora Gutenberg por ejemplo tú puedes poner tablas esta tablita que tengo aquí tan sencilla que es dos columnas con celdas y demás antes con el editor clásico no lo podíamos poner y es HTML, o sea que se podría hacer sin ningún problema ¿qué pasaba que te tenías que ir a un plugin de otra persona para poder meter tablas? mientras esa persona fuera actualizando el plugin no pasaba nada, tú tenías tus tablas y funcionaban es decir aquí en el contenido en vez de verse una tabla verías un codiguito que pegabas que era el shortcode que se dice que es el que llama a la tabla que has creado con el plugin de la otra persona el día que ese plugin desaparece tú pierdes todas las tablas de tu web o ese plugin tiene un problema de seguridad o lo que sea tú pierdes todas las tablas de tu web que habrá casos que esté justificado hacerlo pero para meter una tabla poner un plugin es un poco peligroso luego además si yo tengo la información estructurada me voy a poder exportar la información en un formato como un csv un excel o cualquier otro soporte que no sea 100% verlo en la web pues para hacer cambios masivos imaginaros que se da muy fuerte ¿no? pero imaginaos que yo llevo dos años en la web y todos los coches que he puesto de pay-we-jot lo he escrito mal ¿vale? bueno pues nos reímos pero podría pasar entonces yo me puedo exportar toda la información de mis coches en un csv un ordenador, hacer un comando F para buscar y buscar la palabra más escrita y cambiarla por el pay-we-jot corregido guardarlo, lo subo a WordPress y le digo que me actualice toda la información ya tendría el error corregido en toda mi web hay plugins que te lo hacen también esto de buscar en base de datos y corregirte pero bueno aquí tenemos como más control y luego además de esta manera vamos a independizar el contenido y los layouts es decir como la información la tenemos separada cada una en una cajita independiente no la tenemos todo en el editor de contenidos yo puedo hacer hoy hago esta presentación de la ficha del coche así mañana la hago de otra manera edito un fichero y se me actualizan todas las fichas de los coches de mi web si yo el diseño lo meto aquí directamente y la maquetación cada uno tiene la suya y el día de mañana si quiero corregir en algo imaginaos que hemos puesto una galería de imágenes con una configuración se nos ha ido a la mano y hemos puesto que en el móvil se vean dos imágenes un al lado del otro igual en el móvil si el móvil es muy grande se va a ver bien una imagen al lado de la otra que normalmente no pasa pero si nos vamos a probar el móvil en más pequeños un imagen al lado del otro no se ve nada pero es que esa galería con esa configuración la he puesto en todos los coches de la web si lo tengo así puesto tengo que ir a todos mis coches de la web uno por uno entrar una columna en móvil guardar una columna en móvil guardar a todas las galerías de todos los coches es una locura de la otra manera cambiaría una línea en un fichero guardaría y ya tendría toda la web actualizada y estoy poniendo un ejemplo muy tonto porque podría ser una cosa muy grave y tener lo que hacer a mano en todas las entradas de la web sería una locura se entiende más o menos hasta ahora aquí no voy a enfondar mucho porque veo caras de desesperación pero para que veáis la idea yo tengo aquí una especie de excel un csv en el que tengo una columna para cada cosa el título del coche la marca el combustible el tipo de cambio y el modelo son los datos que yo cuando añado un coche nuevo en mi WordPress me va pidiendo en realidad yo me lo puedo exportar a un csv y tenerlo ahí y así incluso es mucho más fácil si estáis trabajando con un cliente vosotros mismos si hay mucha información para el directorio te saques el csv, lo rellenas tú tranquilamente no necesitas ni conexión internet para ir añadiendo datos va a añadiendo y cuando ya los tienes mucho más fácil añadir 200 cosas en una tabla de excel que no tener que hacer nuevo coche toda la información se ahorra muchísimo tiempo que pasa que esto solo lo podemos hacer si tenemos toda la información separada si va toda dentro del editor no lo podemos hacer esto ¿se entiende lo que comento del editor? ¿noso menos? lo ideal sería diferenciar qué son las cosas ultramega necesarias y dónde puedo dar más libertad por ejemplo en el tema de los coches igual nosotros podemos decir la galería de imágenes todas van a ser igual y se tiene que añadir la galería de imágenes como yo te la facilito ¿cómo categorizas el combustible? tiene que ser igual, ¿cómo pones el cambio de marcha? es igual, pero igual en la parte de contenido te dejo más libertad igual hay algún coche que tiene más información que hace más énfasis en la parte que es más econom más que contamina menos que lo que sea que está pensado más para familiar ahí puedo dejar de añadir un campo de área de texto para que tenga más libertad de añadir la información o le puedo dejar el propio gut en ver abierto y que la persona que va a añadir esa información tenga más libertad de añadirlo con más creatividad ¿vale? pero volvemos a lo mismo si yo luego quiero alimentar toda esta información en otro formato, en un csv o en lo que sea esa funcionalidad tan visual de añadir información más fácil la pierdo porque no la puedo utilizar seguramente ahí venga un campo de texto plano o el formato que me venga de donde recojan información por ejemplo en el caso que hemos visto de las inmobiliarias el campo de contenido de que te describe un piso, por desgracia te viene con un html premarcado te puedes encontrar que algunos CRMs de inmobiliaria utilizan un html que es estándar y no pasa nada y hay otros que tienes que recoger esa información y meterla en tu web la tienes que limpiar, la tienes que reformatear la tienes que tratar porque viene con un html de tibia de decir inventado y es que hay algunos que es hasta más o menos inventado o muy antiguo pero el CRM realmente funciona porque él te da una información pero luego a la hora de poderla añadir en nuestro sistema nos complica un poco la vida seguimos ¿vale? pero como hago todo esto, vamos a verlo por un lado, tenemos lo que hemos dicho antes de los custom post tape que es el tipo de contenido personalizado no me voy a extender a quien hablar mucho y lo vamos a ver directamente vale, en este caso tenemos la opción de añadirlo a nosotros directamente por códigos y somos programadores pues hay una cosa que se llama el codex de WordPress que ahí se puede consultar toda la información para poder hacer las cosas de cero si queremos pero tenemos la suerte de que hay herramientas alternativas que nos lo dejan por ejemplo en este caso podemos añadir un tipo de contenido personalizado sin necesidad de saber programar nos vamos a ir aquí a nuestra web si tengo esto gritado aquí no le ha salido un ojo de un ojo de sitio deja la posta, deja la posta te he visto un ojo moverse solo no me respetáis nada antes de nada voy a desactivar esto de aquí como veis ahora yo tengo un WordPress normal tengo entradas, páginas, medios los formularios no vienen pero bueno, entradas, páginas, medios y comentarios ¿qué pasa? yo podría irme a entradas o páginas y empezar a dar de alta las motos aquí o los coches pero tendría mezclada información las entradas del blog con motos páginas internas de la web con motos no tiene mucho sentido entonces lo más idóneo ya que WordPress no lo permite creo que desde la versión 3 y vamos por la versión 6 y pico dar de alta un contenido personalizado para lo que nosotros necesitamos en este caso como el de coches ya lo tengo creado vamos a crear uno de motos yo me vendría plugins y yo ya tengo aquí uno instalado en post type UI el mismo plugin para hacer campo personalizado ya nos permite hacer también los custom post types y las custom transonomies pero bueno, vamos a ver este porque yo creo que es más es igual a día de hoy le han actualizado mucho si yo me vengo aquí aquí ya lo que me está diciendo es las opciones que tengo es añadir o editar tipos de contenido, añadir o editar taxonomías post y taxonomías registradas, herramientas etcétera, etcétera, lo que nos interesa es estos dos de aquí nos pide con tres cosas que es esto de aquí, ya lo tendríamos dado de alta nos pide les look del tipo de contenido que esto es el nombre técnico que va a necesitar para guardar esta información en este caso es moto me pide la etiqueta en plural y la etiqueta en singular y yo lo que voy a decir es que me rellenen las siguientes etiquetas con esta información que le he dado si le clico aquí lo que me haces es que aquí abajo vemos nombre, el menú, todos los elementos añadir nuevo, esto es lo que nosotros nos encontraríamos por ejemplo aquí añadir una nueva entrada nosotros le diríamos añadir una nueva moto buscar entradas buscar motos esto de aquí es genérico pero podría haber información relativa a la parte de la moto lo estamos añadiendo ahí que es los literales para que vuelves a hacer la traducción y sepade que se esté hablando si no te diría añadir nuevo moto aquí lo que le vamos a cambiar es el nombre del menú y le vamos a llamar motos y sin tocar mucho más porque podríamos profundizar aquí en las opciones pero ahora tampoco como nos vamos a ir un poco a lo básico ya tengo mi tipo de información de motos yo a partir de ahora todo lo que añade aquí es solo para motos si yo añado una aquí de la maja 125 y la guardo yo cuando me vaya a páginas aquí no está la yamaja y cuando me vaya a las entradas aquí tampoco está la yamaja simplemente la tengo unificada toda aquí en motos dentro y por ahora o el prismedad que yo puedo añadir mi tipo de contenido personalizado pero viene pelao solo le puedo poner un título y aquí le puedo añadir contenido no puedo hacer nada más si le habilito lo que se le llama la restapi en vez de ver si así se vería como Gutenberg a ver si lo podemos hacer rápido esto para que lo podáis ver porque ojo cuidado y aquí ya me sale a Gutenberg y aquí ya tengo más libertad porque puedo añadir bloques pero la información a utilizar viene siendo la misma es un poco más bonito a la hora de verlo pero la información no tengo aquí no veo ningún campo de cilindrada tipo de combustible las motos no tienen gasolina pero etcétera como? el siguiente paso sería ver la parte de las castón taxonomies que es un poco lo que hemos visto hasta ahora pues podemos replicarlas que ya WordPress trae de base a lo que nuestro contenido necesite aquí en el ca... se ve un poco pequeño pero en el caso de coches yo tengo añadida una taxonomía para marcas y una taxonomía para combustibles aquí en el ca... aquí en el ca... y una taxonomía para combustibles de esta forma o sea por qué lo hago así? porque para el tipo de web es interesante que yo luego a nivel de posicionamiento de Google y a nivel de cómo me construye las URL's esté la marca en la URL y esté el combustible en la URL si no lo necesitara podría no utilizar esta forma de organizar la información y crearme un campo personalizado donde yo tenga dado de alta 10 y gasolina pero en este caso como me interesa indexar en Google que 10 o sea que la combustible es una categoría y que las marcas son una categoría yo lo doy de alta así y luego también a la hora de hacer filtrados y a la hora de jugar con la información es más fácil porque es una funcionalidad que ya WordPress de base la soporta ¿vale? ¿se entiende esto? y como venimos herendo la funcionalidad de WordPress la podemos hacer como las categorías nativas de WordPress, es decir que tienen jerarquía yo puedo hacer una categoría padre con una categoría hijo o basadas en etiquetas que no tienen jerarquía están todas al mismo plano a mí me gusta decir que las categorías son más susceptibles de utilizar para el SEO y las etiquetas son más susceptibles de utilizar para hacer listados en tu web o para unificar información que no tenga tanto que ver entre sí ¿vale? pero hay gente que te utiliza las dos cosas para SEO, o sea realmente no pueden utilizar las dos, pero si nos ponemos ¿vale? ¿cómo podemos hacer esto en la web? si yo me vuelvo a mi web con el mismo plugin que hemos visto en vez de dar de alta como vemos aquí añadir, editar tipos de contenido tenemos la opción de añadir o editar taxonomías yo me ven aquí y le voy a dar de alto una taxonomía nueva voy a poner cilindrada que es lo que me acuerdo del ejemplo que puse otra vez cilindrada cilindrada lo mismo le digo que me rellenen las etiquetas con esta información que le he puesto y aquí ya me hace una pregunta me dice ¿a dónde quieres adjuntar esto que estamos dando de alta? ¿qué tipo de contenido? yo lo podría incluso dar de alta para páginas o entradas pero no tiene sentido que lo ponga allí porque ni en páginas ni entradas voy a añadir motos en cambio en el tipo de contenido personalizado que ha añadido de motos es donde me interesa que esté si yo ahora me voy aquí a motos solo cuelga de motos todas las motos o añadir nuevo en el momento que yo guarde esto dentro de motos que hay una opción que es cilindradas yo aquí ya podría añadir 125 por ejemplo 125, 250 ya tengo mis cilindradas de alta y cuando me vaya a las motos podría decir que esta Yamaha de 125 es y aquí ya me está diciendo 125 ¿vale? y esto es, hasta ahora, todo lo que estamos haciendo es nativo de WordPress este plugin que vemos aquí, el Custom Posted View lo único que hace es darnos un formulario en el que nosotros ponemos información y él nos submete la programación que utiliza WordPress ¿vale? tanto que yo puedo tener la opción de aquí en herramientas, llevarme la aquí donde es, aquí obtener el código llevarme este PHP lo añado en un plugin mío de funciones o en un plugin de donde sea y yo desactivo este plugin y mi información de motos y todo lo que he hecho con motos, yo lo sigo teniendo en mi web sin ningún problema no dependemos de que el plugin esté instalado para funcionar ¿vale? ¿se entiende? ¿hasta ahora? sí, vamos, seguimos voy mirando ahora porque yo tengo peligro ¿eh? voy bien por ahora ¿no? ¿avance Custom Filz? ¿quién lo conoce? el plugin de Advanced Custom Filz de aquí básicamente lo que nos permite bueno, vamos a ir a la web y que no lo expliquen ellos ahí sí, no tengo internet bueno, pues nada, recurriremos aquí básicamente lo que nos permite Advanced Custom Filz es dar de alta tipos de campos que vayamos a utilizar los diferentes contenidos que tenemos en WordPress ¿vale? nosotros tenemos a disposición 38 tipos de campos tipo de campo de text-talk tipo de campo para poner un párrafo, galería de imágenes un imagen, un fichero un enlace, todo o sea, realmente con los 38 campos podemos hacer virguerías ¿qué nos hace esto? nos permite estandarizar la entrada los datos que nosotros estamos añadiendo en nuestra web como el usuario no tiene la libertad entre comillas de ir al editor y ahora voy a poner la tabla de comparativas así, ahora voy a poner este color, voy a poner esto otro nosotros le ponemos un formulario que va rellenando una cosa tras otra y ya puede dar de alta lo que necesitemos ¿vale? esto nos va a permitir estructurar los datos luego vamos a tener la libertad de asociar los campos que vamos dando de alta los diferentes contenidos que tenemos en nuestra web podemos incluso añadir lógica condicional, podemos incluso poner controladores antes de, por ejemplo, si yo pongo el nombre de un coche yo podría, sería una locura hacerlo, pero se podría hacer que te deje libertad a poner el nombre de un coche y yo tener un validador que diga, pues si pone una palabra o una palabra que no se puede usar no permitas que se dé de alta este coche y cuando voy a guardar el propio campo de título me dice has utilizado una palabra indebida o utiliza otra forma para tal yo le puedo poner todos los controladores que quiera todos los campos aquí también un poco el tiempo que tengas el presupuesto y las ganas si es, por ejemplo, si el título es una cosa muy importante pues aparte de ser obligado de rellenar igual le podemos poner también un par refo explicativo abajo que te diga, intenta poner en el título pero en el caso de coches lo veo más difícil pero en el de los inmuebles, normalmente en el título se pone, pues si es soleado o no, si es en una buena zona y los metros cuadrados aunque luego tuya lo tienes, es información luego en la diferente información que tienes en la ficha pero como esa información es importante que esté en el título porque además luego el título es lo que se va a indexar en Google, etcétera, etcétera es importante que lo pongamos ahí nosotros lo podemos poner un validador en el propio campo o ponerle un mensaje explicándole esto un ejemplo muy tonto que yo simple utilizo es que siempre que se añade una imagen yo en un comentario abajo le pongo las dimensiones de la imagen a subir para que la persona cuando va a subir una imagen sepa que tiene que ser 300 por 200 y no el recorte que he hecho yo luego y ahora se le sale un ojo pues si quieres evitarte que te pase esto lo pones claramente que el tamaño recomendado es esto por esto y ya si lo subes mal es tu culpa porque todas las indicaciones te las han dado si lo vemos rápidamente por encima bueno si aquí mi imagen ilustrativa y es esto aquí lo que se va un poco pequeño pero se entiende yo añado en este caso un coche y tengo aquí para poder la añadir la marca un desplegable, el tipo de combustible el tipo de coche, el modelo el año de fabricación, el tipo de cambio los caballos de vapor consumo medio en carretera consumo medio urbano, etcétera yo lo tengo en un formulario que si soy un poco pavilado con el propio tabulador voy rellenando, pa pa pa pa pa ya tengo un coche dado de alta de la otra manera, si yo tuve la libertad total me tengo que acordar toda esta información que tengo que buscar seguramente en algunos me olvidaré alguna que otra etcétera, etcétera si esa información que no es susceptible de filtrar o que no salen primera en el primer vistazo que vemos del directorio igual no importa tanto, pero por ejemplo si no le pongo el tipo de combustible y la marca y el tipo de coche, luego el filtro voy a filtrar y ese coche no va a salir por lo tanto seguramente ese coche para mayoría de usuarios no exista y lo vamos a ver por aquí yo me puedo ir aquí a la web y ya lo tengo instalado que es este este herramienta de aquí le digo añadir un nuevo grupo de campos personalizados le digo que es para motos y le puedo ir añadiendo diferentes opciones por ejemplo le voy a poner un campo de si le vamos a poner un campo de texto que sea mejor de editor le voy a poner un selector y le voy a decir aquí que lo que quiero es que me diga el combustible aquí tengo un nombre único del campo, esto es ya más técnico y las opciones que puedo tener pues me voy a inventar que las motos se van con días si lo vea pues esas risas que se echa y que más se vamos a poner eléctricas vale y lo único que me queda es decirle que este grupo de campos se va a ver cuando el tipo de contenido sea igual a moto yo le digo guardar me voy a mi listado de motos añadir un nuevo y aquí abajo ya me dice el tipo de combustible que le quiero asociar a esta moto yo me aseguro que este dato ya está separado por un lado tengo el contenido que yo añada de la moto y toda esta información que esté separada por lo tanto si yo no lo sé hacer siempre puedo pedir a alguien más técnico que recoja la información del combustible de las motos y haga X se va entendiendo más o menos vale, luego tenemos la parte del plugin de funcionalidades donde todo esto que hemos visto con la herramienta nos podemos exportar el código los campos personalizados lo mismo nos podemos exportar este código y meterlo en un plugin que sea 100% nuestro y ya no tener la necesidad de utilizar por ejemplo el plugin que hemos visto de crear los tipos de contenido porque ya tenemos el contenido aquí añadido en el caso de ACF nosotros nos podemos llevar los campos personalizados y tenemos que tener el plugin instalado porque al final la parte del motor interno para los campos y demás si que necesitamos tener instalado avance cast on field pero al menos los campos los podemos tener guardados en que al final lo que nos importa si nos vamos rápido a verlo sin intentar marear mucho porque esto sí que ya es hardcore nos vamos aquí yo primero lo que voy a desactivar es esto cpt vale, veis que le he desactivado y ahora ya no tengo motos porque como he desactivado el plugin que me creaba las motos que lo hemos visto que es el que hemos utilizado este de aquí que teníamos de cast on post type UI si yo lo vuelvo a activar veis que me aparecen aquí las motos con el combustible y demás pero como está guardando realmente el código necesario para que esto funcione lo está guardando en base de datos si yo desactivo el plugin ya no están aquí vale entonces tengo una dependencia en este caso de este plugin si yo me llevo el código y me lo monto en mi plugin yo no voy a dejar de darle soporte a mi propio plugin por lo tanto siempre tendría las motos lo que fuera en mi web voy a activar el plugin mío que es esto de aquí y ahora ya tengo dado de alta los coches todos los cochecitos puestos aquí tengo la parte de las marcas que en este caso he utilizado una categoría como si fueran para marcas todas las marcas de alta aquí los combustibles, lo mismo y además esto no lo comento pero CF también nos permite hacer página de configuración entonces yo aquí tengo una página de configuración donde le puedo decidir el titular para el directorio de los coches un texto descriptivo para el directorio de los coches y una configuración si nosotros nos venimos aquí directorio de coches el título es este de aquí pero yo le podría cambiar directorio de coches para la mitad de ese guardo cuando venga aquí ya me ha cambiado el titular de mi directorio siempre pongo este ejemplo y hago hincapié porque a mí me sorprende todavía que WordPress cuando das de alta un tipo de contenido personalizado no te venga esto porque el title esto es el título que le da a esta sección de aquí que es la URL que nos está creando con coches si no lo hacemos así lo tenemos que poner a fuego entre comillas en la plantilla que estamos utilizando en este caso si yo lo pongo a fuego tengo el problema que el día de mañana el cliente lo quiere cambiar y me va a llamar a mí para que yo lo cambia igual yo me muerto me he hecho panadero o me dedico otra cosa o no lo quiero hablar más con él entonces si yo tengo aquí esto configurado solo le tengo que decir no no vete a coches configuración que ahí lo puedes cambiar porque ya lo deje preparado para eso o le quiere poner otra inscripción o lo que sea yo incluso le pongo todas las opciones aquí le puedo deshabilitar el filtro le puedo cambiar el número de columnas para el contenido y que los coches se ordenen de forma ascendente si yo esto lo guardo aquí hemos dicho desaparece el filtro se quedan dos columnas y ahora se ordena de forma ascendente es decir el último coche que se ha dado de alta o sea el último coche que se ha dado de alta es el primero que aparece por lo tanto es una putada porque siempre va a salir primero en el directorio el último coche que has dado de alta hay para por ejemplo para un blog lo más interesante es que la última noticia que has posteado es la primera que salga pero si lo haces así aquí siempre va a salir el cupra este estás desacreditando a los otros entonces lo más lógico es que para un directorio el orden sea aleatorio es decir que yo cada vez que entro se carguen diferentes órdenes de coches vale le voy a dejar activado lo que tenía antes 4 columnas y el filtrado y ya lo tenemos aquí si vemos por ejemplo un coche como tal este de aquí vemos que tenemos aquí el título tenemos una zona de contenido que es libre para poder añadir el contenido que queramos y luego toda la parte de la ficha técnica yo le puedo cambiar aquí la marca yo le puedo decir aquí el tipo de combustible que utiliza yo le puedo decir el tipo de coche que es si es un compacto, si es un berlina, si es un sedán el modelo los caballos de vapor, el tipo de cambio el tipo del año de fabricación del coche, el consumo medio-carretera urbano de fabricación desde le he añadido un pdf con la ficha técnica aquí en la parte de contenidos le puedo añadir un vídeo de youtube aquí otro contenido para añadir más texto descriptivo del coche tengo una zona con galería de imágenes y si no me equivoco más había algo más interesante ah mira y también le tengo aquí parametrizado enlaces pues yo quería añadir un enlace nuevo de imaginemos que este coche hay una web que le ha hecho una revisión pues yo le digo aquí añadir nuevo le elijo un enlace, le pongo la URL, el texto del enlace, etc. etc. y luego en la parte frontal de la web me acuerdo si este lo tendrá hoy lo estoy viendo en cupra y a ida es tu cupra y a ida toda tanta poca resolución que cuando me busca uno no me lo encuentra lo he encontrado pero no sale aquí, aquí es que me lo pisaba el filtro y no lo veía aquí tengo la galería de imágenes todo lo que le he puesto yo antes que esta parametrizado la marca, el combustible, el tipo del coche el modelo, el año del modelo la galería de imágenes aparte de forma yo solo tengo que añadir imágenes luego se me monta esta galería tan bonita que puedo ir viendo una imagen después de la otra en pantalla completa aquí tengo los recursos adicionales luego le puedo incluso relacionar otros coches pues es muy parecido este coche que estás viendo a este otro se atarraco lo que nosotros quedamos y todo es de la propia ficha del coche se entiende más o menos dudas, alguna cosa y por último tendríamos la parte del tema personalizado porque hasta ahora hemos visto como damos de alta toda la estructura en el CMS para poder tener toda esta información en estos datos pero todavía en el front end no veíamos nada en la parte visual de la web tenemos la opción de o hacemos un tema personalizado para mí es la versión la más cómoda porque tengo libertad total puedo independizar la información como quiera como vemos aquí puedo crear layouts tanto para la vista del listado como para la vista individual o tenemos la opción de si vamos a utilizar algún constructor visual o alguna herramienta de terceros que nos el tema que vamos a usar para WordPress si queremos hacer algo así más complejos sería interesante mirar que haya soporte para campos personalizados como mínimo porque si realmente la parte del tipo de contenido personalizado que es lo de motos que hemos visto dar de alta y la categoría de combustible para las motos que hemos dado de alta eso da igual el tema que utilicemos que como es nativo de WordPress lo vamos a poder usar pero si añadimos campos personalizados vamos a necesitar que el tema que vayamos a utilizar al menos sepa buscar información en campos personalizados porque si no no vamos a poder hacer que esa información sea dinámica ya decíamos antes que creo que el Elementor y el Divi y alguno más ya es compatible con ACF y los nuevos que van saliendo supongo que lo serán si no, será pegarse un tiro en el pie pero cualquier tema de bloques de los nuevos si hace llamadas a campos personalizados si no todos tienen porque depende del bloque que ese bloque soporte campos personalizados yo creo que los de Gutenberg ya no, van a hacer ahora el soporte, eso es en la 6.5 le van a dar soporte a campos personalizados ACF lo bueno que tienes es que extiende la forma nativa de WordPress de utilizar los campos personalizados por lo tanto queremos suponer que va a ser compatible desde el día cero no es, por eso, con las pruebas pero si hay yo recomiendo siempre ACF porque es la que más me gusta pero hay otras opciones para dar campos personalizados, esas otras opciones se tendrán que espabilar para que sean compatibles con esta nueva versión que traerá WordPress que ya comenta es que en las próximas versiones de WordPress en el propio Gutenberg le vamos a poder decir por ejemplo eso que la imagen que yo había enseñado esta de aquí esta de aquí si ya Gutenberg es compatible con los campos personalizados esta tabla igual le puedo decir yo voy a seguir añadiendo la marca del coche la gasolina y demás en el formulario que hemos visto abajo en el vídeo de WordPress yo le puedo añadir esa tabla y cuando ponga aquí combustible y en vez de poner gasolina o diesel esa información la vaya a buscar en un campo personalizado entonces es dinámica, si yo la cambio en la ficha de ese coche o ese moto se me cambiará ahí que es un poco lo que hacen los constructores visuales tema personalizado aquí ya he puesto el template hierarchy pero no voy a entrar en el y en este caso vamos a verlo muy muy básico tanto que no sé qué enseñar porque si es tan básico no sé si lo vamos a poder ver yo en este caso tengo un tema personalizado que es este de aquí, coche automático y básicamente lo que estamos viendo es este fichero de aquí que nos pinta el listado archive coches es esto de aquí si yo le busco el título atención si usaba el servir de tensión estaba escuchando la música y digo que música más rara tiene alguien en el móvil si yo le añado algo aquí me lo está poniendo aquí debajo este es el fichero correcto que pinta esta parte no vamos a entrar porque volvamos a lo mismo es tema más técnico pero para que veáis que está aquí y lo otro que hemos visto es el single de coches esto es lo que nos va a hacer es que cuando yo vaya dentro de una vista individual de un coche, al fichero que está llamando es este de aquí de coches donde yo tengo en este caso yo lo que hago es que recojo todos los datos de la estructura de datos que voy a utilizar, contenido, imagen, marca combustible, tipo de coche, etcétera y luego voy pintando la ficha como la necesito vale acabamos os he dado mucha morga y nada, simplemente como consideraciones finales intentamos tener que la unidad mínima de información no sea el editor sino intentar estructurar la información que necesitamos para cada cosa que vayamos a presentar la unidad más mínima posible que luego podamos jugar con ella, estructuremos los datos intentemos tener una extracción del diseño es decir, si tenemos la opción de utilizar algún constructor visual o hacernos nosotros nuestro tema pues intentar dar de alta la información por un lado la opción de cómo se muestran la web etcétera, etcétera, hacerlo de una manera que el día de mañana, si yo quiero cambiar algo, solo te va a tocar en un sitio y se me actualicen los 200 coches o los 2000 limuebles o lo que tenga en mi web y no tenga que ir uno por uno recordad que siempre va a haber una vista de listado y una vista individual y lo que decíamos no, actualizar los datos de forma fácil y además si puede ser desatendida como en el caso que hemos visto el inmobiliaria de los datos a otra plataforma todavía mejor porque así nos aseguramos de que el directorio no crezca dependiendo de alguien sino que siempre va a haber información y siempre se va a actualizar ¿vale? y nada, solo yo siempre acabo con una frase de estas molonas y nada, son lobamente recordar que el único sitio donde aparece antes éxito que trabajo es en el diccionario, o sea que hay que trabajar mucho y ya está, muchas gracias