222 | CPTs, taxonomías y páginas de archivo: ¡Qué lío!
15 Jul 2020 · 18 min
Podcast episode 222 by Gonzalo Navarro (Spanish). After brief site/course announcements and a plugin-of-the-week mention (Plugin Detective), the episode explains four intermediate WordPress concepts: (1) Custom Post Types (CPTs) — how to add content types like 'Cursos' or 'Productos' and choose whether they behave like posts (with categories/tags and archives) or like pages (hierarchical); (2) Taxonomies — categories/tags and custom taxonomies (e.g., 'géneros' for a 'Películas' CPT); (3) Archive pages — what archive pages are (blog, category, author, date) and why they are not directly editable without code or a page-builder override; (4) Custom Fields — metadata attached to posts/pages/CPTs (examples: WooCommerce product price, Yoast SEO fields, and ACF-managed fields for properties). The episode points listeners to prior episodes (154) and videos (Vídeo 173) and to course material on GonzaloNavarro.es for deeper tutorials.
Chapters
En el episodio 222 de WordPress Semanal te hablo de los conceptos de Custom Post Type, taxonomías, páginas de archivo o campos personalizados. Puede parecer un lío, pero ya verás que es mucho más fácil de lo que parece. Vamos allá. Hola, hola, Soy Gonzalo de GonzaloNavarro es y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Porque ya lo sabes, no hay mejor inversión que la de aprender a crear y gestionar tus propias web con WordPress. Y esto es un aprendizaje constante, y más cuando WordPress está lleno de términos muy particulares y alguno de ellos puede resultar un poco confuso al principio. Así que este episodio espero que te sirva para despejar algunas dudas. Yo, a través del soporte que os doy a los suscriptores me he dado cuenta de que hay ciertos conceptos que se mezclan entre sí que resultan un poco liosos al principio. Así que espero que este episodio os sirva de referencia en el futuro, ahora mismo, cuando lo estéis consumiendo o cuando lo necesitéis. Y los conceptos que voy a tratar son ya de un puntito más que el nivel básico de WordPress, porque realmente cuando estamos empezando quizás estos conceptos no los necesitamos tanto, pero en cuanto empezamos a profundizar un poquito más ya nos encontramos con ellos y como digo, pueden ser un poquito liosos, pero vamos a despejar dudas. Antes de eso, vamos a hablar de las novedades qué está pasando en Gonzalo Navarro es. Esta semana, como cada semana tenéis un nuevo vídeo de la Zona Código, ya sabéis, saco uno cada martes y si sois suscriptores tenéis acceso a ellos. Ya vamos por el vídeo 173 y os enseño a centrar listas por CSS en WordPress. Las listas, pues normal, esto que pones los puntitos, los bullet points y vas poniendo listas o una lista ordenada con 1, 2, 3, 4. En el ejemplo que os hago en este vídeo son listas desordenadas con bullet points, pero se podría hacer igual con las listas ordenadas. ¿Y por qué hago este vídeo? Porque si tú intentas, si te vas al editor de WordPress, normal, creas una lista de las cinco cosas, esto es lo más importante de este post, y pones unos bullet points. Si tú lo intentas centrar, es decir, seleccionas todo el texto y le das a centrar normal con el editor de WordPress comprobarás que te queda muy raro. ¿Por qué? Porque porque los puntitos de la lista se te quedan en la izquierda y el texto se te centra. Y esto pues lógicamente no lo vamos a querer nunca. Y luego si intentas, si sabes un poquito de CSS dices venga esto lo puedo centrar yo seguro y coges y lo intentas centrar pues te puede ocurrir otra cosa y es que sí los puntos se te van con la lista, pero la lista te queda en el centro pero con el texto centrado, cosa que normalmente no es lo que queremos, normalmente vamos a querer digamos el bloque centrado pero que el texto empiece siempre igual en la izquierda. No sé si me explico bien por audio porque es un poco más difícil, pero si te ves en esta situación seguro que lo entiendes mejor. Si vas al enlace que te dejo del vídeo 173 tienes dos capturas de lo que ocurre al principio y del resultado final y así te va a quedar mucho más claro. Bueno, en fin, os enseño un poquito de CSS, seguís el vídeo paso a paso y lográis el mismo resultado que yo. Tenéis el texto HTML que tendrías que usar y el texto CSS para que podáis lograr el resultado sin problemas. Eso en cuanto a vídeos de la zona código. Después el otro gran contenido que tenéis por ser suscriptores, pues son los cursos y este mes estamos con el curso de webs minimalistas en WordPress y básicamente os enseño cómo crear webs muy livianas partiendo de themes muy bien hechos, con las opciones justas y después aprovechar lo que ya viene con WordPress para construir las páginas, maquetarlas, en concreto con el editor de bloques, el editor de Guttenberg. Todo esto que acabo de mencionar en gonzalonabarro es cursos. Fantástico. Una vez vistas las novedades nos vamos con el plugin de la semana que se llama Plugin Detective, tiene un nombre bastante curioso y que a mí me llamó la atención este plugin cuando lo descubrí y cómo funciona. ¿Qué hace este detective de plugins? Pues precisamente eso, investiga entre los plugins que tienes e intenta detectar si algún plugin te está causando un problema en tu web. Esto normalmente se hace cuando te encuentras con lo que se llama en el mundillo de the wide screen of death, que es la pantalla blanca de la muerte, que a veces pues tienes algún error en tu web. Normalmente es una incompatibilidad entre plugins y themes y te sale esa pantalla blanca en la parte frontal de tu web que no deja ver los contenidos. Este plugin está pensado para ir localizando entre todos los plugins que tienes, va cogiendo como pistas, por eso se llama como Detective. Está bastante curioso, tiene un vídeo en la página del plugin donde podéis ver su funcionamiento en un caso real, así que os lo recomiendo verlo porque es bastante chulo y os puede sacar de más de un problema. Está activo en más de 3.000 webs con WordPress y básicamente te evita eso, tener que desactivar todos los plugins de tu web e ir activándolos uno a uno para comprobar cuál es el que te da problemas. Con este plugin puedes intentar localizar al culpable sin tener que hacer todo eso de desactivar todos los plugins de tu web. De nuevo se llama Plugin Detective. De todas formas lo tenéis en las notas del episodio y este es el episodio 222, así que si vais a Gonzalo Navarro es 222 tendréis acceso a este enlace y al resto de los contenidos. Y ahora ya sí, nos vamos con el tema central y vamos a definir algunos conceptos clave en WordPress que puede que generen algo de confusión. Primero te voy a hablar de Custom Post Types o CPT o tipos de contenidos personalizados, si lo dices en español. Después te voy a hablar del concepto de taxonomías. A continuación me voy a detener en las páginas de archivo, que esto se habla poco de ello y genera más confusión de la que parece. Y por último te voy a hablar de campos personalizados, que quizás es el concepto más avanzado de los que te voy a hablar en el día de hoy. Así que vamos a empezar con los CPTs o Custom Post Types o en español. Tipos de contenido personalizado Bien, ya sabemos que WordPress viene con dos tipos de contenido, las entradas y las páginas. Esto es algo que a mí me gusta enseñar en mi curso de WordPress básico, diferenciando bien entre para qué sirve cada contenido. Las entradas se utilizan para contenido periódico, por ejemplo, el contenido de un blog, noticias, ese tipo de cosas, cosas que vamos sacando con cierta periodicidad. Y las páginas se utilizan para contenido más estático, la página de inicio, la página de contacto, la página de sobre mí, una landing page, ¿De acuerdo? Es la gran diferencia entre un contenido y otro. Bien, pero en WordPress puedes añadir más tipos de contenido, es decir, igual que tenemos entradas e igual que tenemos páginas, puedes añadir uno de forma personalizada. Por ejemplo, imagínate que yo quiero diferenciar dentro de mi panel de Administración de WordPress la publicación de mis cursos. Pues yo puedo crear un tipo de contenido personalizado que se llame Cursos. Y ahí de la misma forma que yo puedo crear una entrada, que yo puedo crear una página, puedo crear un contenido que se llama Cursos. Y esto se llama CPT, Custom Post Type, tipo de contenido personalizado. No es más que un contenido. Y luego esto tú lo puedes crear, como digo, con un poquito de código o con ayuda de un plugin. Os voy a dejar enlaces porque esto lo cubro en infinidad de de ocasiones, en cursos, en vídeos específicos, he hablado también de ello en otros episodios del podcast, así que en la parte de enlaces tendréis mucho material para ampliar información y para hacer esto vosotros mismos. Pero como digo, además de crearlo por ti mismo, puedes encontrártelo ya creado por otros plugins. Por ejemplo, si tú instalas y activas WooCommerce en tu web, WooCommerce, ya sabéis, para crear tiendas online, te crea un tipo de contenido nuevo que se llama Productos, igual que entradas, igual que páginas, pero ahora es productos. Y ese contenido trae unas especificaciones que es diferente un poco a cómo son las entradas y las páginas, pero no deja de ser un tipo de contenido. Y luego hay otros también menos, digamos complejos, como puede ser un tipo de contenido Portfolio. Este viene en muchos temas que instalas y ya te traen ese tipo de contenido, porque es muy típico para muchas webs publicar un portfolio y no es más que otro tipo de contenido, de nuevo, igual que páginas, igual que entradas. Y hablando de esto de igual que páginas, igual que entradas, normalmente cuando creamos un tipo de contenido personalizado y elegimos cómo queremos que se comporte ese contenido, si más parecido a las entradas, es decir, si ese contenido que estamos creando va a ser como más periódico. ¿Esto es muy habitual, por ejemplo, si tú creas un tipo de contenido que se llama Noticias, vas a ir publicando noticias en tu web, pero lo quieres tener separado de las típicas entradas de WordPress, pues puedes crear un tipo de contenido personalizado, se llama Noticias y le vamos a decir que se comporte como las entradas, es decir, que yo pueda darle categorías, que pueda darle etiquetas y que además tenga su propia página de archivo, su propia página a modo de blog, si? En el caso de noticias, pues iríamos a noticias y veríamos una relación de todas las noticias o podemos decirle que se comporte de forma más estática, más como las páginas. En el ejemplo que te he dicho antes, si yo creo un tipo de contenido personalizado para mis cursos, por ejemplo, no voy a querer que se comporte como las entradas, voy a querer que se comporte como las páginas, pudiendo anidar, por ejemplo, teniendo una página de cursos principal y luego cada lección de los cursos que cuelguen de esa página de curso principal, pues así de una forma un poco más estática es como lo enfocaría. Entonces voy a querer que se comporten más como las páginas que como las entradas. En el curso de WordPress Avanzado explico todo esto muy bien, os explico cómo crearlo y cómo definir todos estos conceptos, todas estas peculiaridades cuando estás creando un Custom Post Type. Bien, ese es el primer gran concepto que te quería explicar en este vídeo. El segundo es el de taxonomías. Las taxonomías no son más que una forma de categorizar contenido. Por ejemplo, las típicas, las que se te van a venir a la cabeza son categorías y etiquetas. Cuando yo creo una entrada en WordPress, tengo la posibilidad de categorizar ese contenido o de etiquetarlo. Ambas categorías y etiquetas son taxonomías. Y lo que te decía antes, si yo instalo por ejemplo WooCommerce y tengo ya mi tipo de contenido personalizado de productos, ese tipo de contenido de productos también lo puedo categorizar y también lo puedo etiquetar y también son taxonomías. Es decir, las taxonomías las puedo tener en distintos tipos de contenido. Las puedo tener en entradas, las puedo tener en páginas, las puedo tener en un contenido personalizado que yo cree. Pero es que además, más allá de las categorías y las etiquetas, yo puedo crear taxonomías personalizadas que yo me invente o que yo necesite en cualquier momento. Por ejemplo, imagínate que yo creo un tipo de contenido que se llama Películas y que en ese tipo de contenido, Películas, voy a hacer reseñas de películas. Pues a lo mejor a mí me interesa crear una taxonomía personalizada, una creada por mí, que no sea ni categorías ni entradas y llamarla por ejemplo géneros. ¿Para qué? Para poder ir poniendo los géneros de cada película que yo publique o de cada reseña de una película que yo publique en mi web podría crear una que se llame categoría o que se llame etiqueta, igual que tengo en entradas o en otros lugares. Sí, pero ya que puedes crear una personalizada, pues la puedes personalizar y llamarla de una forma más concreta, como por ejemplo géneros, que viene muy bien para este caso de las películas. En el curso de WordPress avanzado también explico cómo puedes crear tus propias taxonomías. Bien, después llegamos al concepto de páginas de archivo. En inglés se suele decir archive pages o simplemente archive archivo. Y esto no es más que una página de tu web que muestra contenidos en función de algún criterio. Por ejemplo, si tú te vas a la página de blog de tu web, ahí se muestran. Es una página que muestra una relación de contenidos, un archivo de contenidos, por eso se llama páginas de archivo. Y en concreto, pues la página de blog va a mostrar todas las entradas que has publicado en tu web. Pero hay más páginas de archivo. Tienes, por ejemplo, la página de categoría. Si yo me voy a una categoría determinada de mi web, a una página de categoría, voy a ver toda la relación de publicaciones que tienen esa categoría asignada. Pues eso también es una página de archivo, están archivadas, esos contenidos están archivados por una categoría y las estoy viendo en pantalla. Después tenemos otro ejemplo muy típico, es la página de autor. Muchas veces, sobre todo en webs donde hay varios autores, tú puedes ver la página de archivo de un autor concreto, por ejemplo la página de autor de Gonzalo Navarro, y si le das ahí, ves un archivo de todas las publicaciones de Gonzalo Navarro. También hay archivos por fecha, donde puedes ver todas las publicaciones en una fecha determinada. Estas son las páginas de archivo y generan un poquito de confusión porque normalmente no son editables y tienes que crearlas de nuevo a través de código o utilizar algún plugin como Elementor que sustituya y después redirija a esa página. Y muchas veces veo, esto sí que me llega bastante por soporte, que a lo mejor instaláis un constructor visual como Elementor y os ponéis a editar las páginas de vuestra web y os vais al blog e intentáis editarla con Elementor y os dais cuenta de que no podéis. ¿Por qué? Porque es una página de archivo, digamos que no existe físicamente, sino que va cogiendo a través de un código, en este caso el loop, va cogiendo y va mostrando ciertos contenidos, pero tú no puedes coger y darle a editar y controlar esos contenidos, al menos no así tal cual, sino que tienes que crear una nueva, llamar de nuevo de alguna forma a esos contenidos para que se muestren de forma archivada y así controlar esa página, pues por ejemplo con Elementor y sustituir la página de archivo que se te está generando por el código que hay en tu tema y empezar a mostrarlo en una página personalizada tuya. Esto es un poquito por eso a veces también genera confusión y tú dices, ¿Pero por qué puedo editar todas las páginas y no puedo editar esta? Pues porque no existe como tal, sino que simplemente es que a través de códigos se está mostrando una relación archivada de contenidos. Y el último concepto del que os quería hablar es el de campos personalizados o Custom Fields en inglés. Y ya publiqué un episodio completo hablando de este tema porque es bastante interesante y además da mucho de sí. De hecho tenéis un curso del plugin Advanced Custom Fields donde os enseño a crear de forma avanzada este tipo de campos de metadatos y podéis ver más información en el episodio 154. Os voy a dejar de todas formas un enlace. Bien, pero para que quede un poquito claro en este mismo episodio, ¿Qué son esto de los Custom Fields o los campos personalizados? Pues bien, son metadatos que se usan para añadir información sobre nuestros post, nuestras páginas u otros contenidos como contenidos personalizados. Como te he comentado antes, por ejemplo, WordPress ya viene con estos campos personalizados en una entrada, el título, el autor, la fecha, todo eso se trata como un campo personalizado. ¿Por qué? Porque luego puede mostrarse en la parte frontal. Por ejemplo, en la relación de publicaciones del blog, muchas veces vemos en las pequeñas descripciones, vemos que sale el título, vemos que sale el autor, la fecha, a veces, en otras ocasiones no. Pues todo eso son campos personalizados que ya vienen WordPress, Pero si te fijas, algunos se muestran en la parte frontal y otros no. Es decir, los campos personalizados sirven para almacenar información sobre un contenido o sobre algo, pero luego no tienes por qué mostrarla en la parte frontal. A veces se usa simplemente para hacer ciertas cosas a nivel de código o para tener más control para ciertas acciones, pero no tiene por qué mostrarse en la parte frontal necesariamente. Y lo interesante de los campos personalizados es que tenemos la oportunidad de almacenar nuestros propios datos, es decir, de crear campos personalizados nosotros añadir nuevos más allá de los que existen y poder almacenarlos. Un ejemplo para ya tampoco quiero adentrarme demasiado porque como digo tenéis un episodio completo donde hablo de esto, pero un ejemplo, Cuando tú instalas WooCommerce, como te comenté, se te crea un tipo de contenido nuevo que es productos y a los productos tú le asignas por ejemplo un precio, pues eso es un campo personalizado, tú le pones un precio y después en este caso, en el caso de Los productos de WooCommerce se muestran en la parte frontal. Otro ejemplo de campos personalizados que usan algunos plugins, por ejemplo Yoast usa campos personalizados para las cajitas que tenemos para añadir el título SEO, la descripción SEO y estos ya sí que no se usan para mostrarlos en la parte frontal de tu web, estos se usan para mostrar a lo mejor en Google o en otros lugares, pero no necesariamente estamos rellenando esos campos para que después se muestren en la parte frontal de nuestra web. Estos son ejemplos de cosas que ya vienen con WordPress o con algún plugin que instalamos, pero por ejemplo nosotros podríamos crear un tipo de contenido personalizado llamado propiedades, imagínate que vamos a crear un portal inmobiliario y luego podemos darle campos personalizados, podemos decirle baños y ponerle cuántos baños tiene, podemos decirle habitaciones y poner el número de habitaciones, podemos decirle terraza y decidir si sí o si no, todo esto podemos ir creándolo con campos personalizados, crear una especie de ficha y luego mostrarlo en la parte frontal, o sea que la combinación por ejemplo de tipo de contenido personalizado que hemos visto, de taxonomía que hemos visto para también poder categorizar todo esto y de campos personalizados te puede dar un poder brutal y puedes llegar a hacer cosas increíbles con este sistema que tanto nos encanta o este CMS que es WordPress, ¿De acuerdo? Entonces si te gusta esto de los campos personalizados, Recuerda el episodio 154, si te gusta en general todo esto que te he comentado, quieres ir un paso más allá de de lo que puedes hacer con WordPress, te recomiendo el curso de WordPress avanzado y sobre todo que le eches un vistazo a las notas de este episodio, Gonzalo es 222 porque ahí te voy a dejar enlaces para que vayas ampliando conforme a tus necesidades, pues si te ha gustado una cosa concreta seguramente tengas un vídeo, otro episodio donde puedas ampliar y es la zona más sencilla donde vas a poder ir a lo que necesitas. Y por último, recuerda que si eres emprendedor, si te gusta crear contenido, si te dedicas al marketing, en definitiva, si te mueves en esto del mundo de Internet, tienes un lugar, los cursos de GonzaloNavarro es donde puedes aprender a crear, gestionar y hacer crecer tu página web de forma profesional. De nuevo, todo ello en gonzalonavarro es cursos. Nada más por este episodio, nos seguimos escuchando. Adiós.
More from Gonzalo
518 | Redes sociales, precios personalizados, audios desde Drive y temas de bloques (Q&A)
513 | Por qué sigo usando estos plugins después de tantos años (y cuáles he abandonado)