Cómo crear y personalizar la taxonomía personalizada de WordPress - Paso a Paso

Create custom taxonomy in WordPress

Probablemente haya oído la palabra taxonomía utilizado antes, probablemente en relación con las entradas de WordPress. ¿Qué es una taxonomía y para qué se utiliza en WordPress?

En este post, vamos a explicar lo que es una taxonomía y le mostrará cómo crear uno personalizado para su propio sitio. Las taxonomías son una forma realmente sencilla pero útil de añadir funcionalidad y personalización extra a tu sitio web.

¡Organicémonos!

¿Qué es una taxonomía?

A taxonomía es sólo una palabra científica para decir clasificación. Las taxonomías se utilizan en biología para separar a los animales de las plantas, o a ciertos tipos de animales entre sí. He aquí un ejemplo sencillo:

  • Vida
  • Animales
    • Perros
    • Humanos
  • Plantas
    • Flores
      • Girasoles
      • Rosas
    • Árboles

El artículo Perrospor ejemplo, se incluye en Animales, que se incluye en La vida. Por lo tanto, cualquier artículo etiquetado con Perros es miembro de estas tres "categorías" jerárquicas al mismo tiempo.

Taxonomías en WordPress: Categorías y etiquetas

Las taxonomías se utilizan mucho en WordPress, concretamente para Puestos. En WordPress, hay dos sistemas de taxonomía incorporados por defecto para su uso con Entradas: Categorías y Etiquetas. Seguro que ya has utilizado ambos para organizar tus contenidos.

WordPress default taxonomy

Pero, ¿y si quieres que tus entradas tengan una estructura más compleja? ¿Y si quieres utilizar tipos de entrada personalizados¿y luego ordenarlos con algo más específico que categorías o etiquetas? Por ejemplo, es posible que desee tener un tipo de entrada personalizado llamado Receta y luego ordenarlo por Ingrediente.

O bien, puede que desee dividir sus entradas en áreas separadas en el backend de su sitio de WordPress con el fin de hacer más fácil la gestión de su contenido.

Ahí es donde entran en juego las taxonomías personalizadas. Con una taxonomía personalizada, puede crear estructuras complejas que dividan su contenido en diferentes secciones. Estas también pueden organizarse jerárquicamente, como nuestra taxonomía Life anterior.

Las taxonomías personalizadas también pueden facilitar la vida a sus clientes. Puede crear tipos de entradas y taxonomías personalizadas para ellos, que luego se muestran en la barra lateral de WordPress.

Plano vs. Jerárquico

Al crear una taxonomía, puede hacerlas planas o jerárquicas. ¿Cuál es la diferencia? Es simple: una taxonomía plana tiene un solo nivel, mientras que una jerárquica tiene muchos niveles.

En WordPress, etiquetas son planas, mientras que categorías son jerárquicas. En otras palabras, las categorías se pueden anidar unas dentro de otras, mientras que las etiquetas están al mismo nivel.

Taxonomía plana

En una taxonomía plana, todo está al mismo nivel.

  • Plátanos
  • Limones
  • Piñas

Taxonomía jerárquica

En una taxonomía jerárquica, los niveles pueden tener niveles superiores o inferiores.

  • Frutas
    • Frutas amarillas
      • Plátanos
        • Plátanos Cavendish
        • Plátanos Pisang Raja
      • Limones
      • Piñas
      • Pimientos amarillos

¿Quién utiliza taxonomías?

Variety.com es un gran ejemplo. Puesto que cubren un variedad de diferentes temas, es natural que los tengan clasificados en diferentes secciones como CINE, TV, MÚSICA y EVENTOS.Las taxonomías se utilizan en una gran variedad de sitios web, sobre todo en los que tienen contenidos muy variados.

variety categories example

Al organizar su sitio en taxonomías separadas, les resulta más fácil gestionar los cientos de entradas, vídeos, imágenes y otros contenidos diferentes que publican cada semana.

Cómo crear una taxonomía personalizada en WordPress

Ahora que lo sabes qué una taxonomía es y por qué debería usar una, ¡vamos a ver cómo usarla! Hay dos maneras de añadir una taxonomía:

  • Con un plugin
  • Manualmente con código

Método 1: Con un plugin

Pods Custom Content Types and Fields WordPress plugin

La forma más fácil de añadir una taxonomía personalizada a su sitio es mediante el uso de un plugin. Hay muchos disponibles, pero los dos más populares son Interfaz de usuario personalizada y Vainas. Como es menos complejo y más fácil de usar, usaremos Pods para este tutorial.

Vamos a utilizarlo.

Para este ejemplo, vamos a imaginar que está creando un sitio web que ofrece recetas. Primero, crearemos un tipo de entrada personalizado llamado Recetas. A continuación, crearemos una taxonomía personalizada para organizar diferentes aspectos de cada receta, como por ejemplo Ingredientes, Alergias, Vegetariano/no vegetariano, y cosas similares.

Paso 1: Descargar e instalar el plugin

En primer lugar, descargue, instale y active el plugin del repositorio de WordPress.

Paso 2: Crear un nuevo tipo de entrada personalizada

Para nuestro ejemplo, primero tendremos que crear un nuevo tipo de entrada personalizado. Ir a Pods Admin > Añadir nuevo en la barra lateral de WordPress.

Pods create new custom post types

Ahora verás dos opciones: Crear nuevo y Ampliar la existente. Haga clic en Crear nuevo.

Ahora elige qué que desea crear. Primero crearemos un Custom Post type. En Etiqueta singular, tipo Receta y bajo Etiqueta PluralTipo Recetas. A continuación, haga clic en Siguiente paso.

pods custom post type

Verá un mensaje de confirmación de que su pod se ha creado correctamente. Ahora necesitamos crear una nueva Taxonomía. Vuelva a Pods > Añadir nuevo.

Haga clic en Crear nuevo de nuevo. Esta vez, seleccione Taxonomía personalizada en Tipo de contenido. A continuación, escriba Ingrediente y Ingredientes. A continuación, haga clic en Siguiente paso.

Pods create custom taxonomy

Como paso final, necesitamos vincular el Custom Post Type a la taxonomía. Vuelva a la página Editar Pods y haga clic en Editar en su Custom Post Type (Recetas en nuestro ejemplo).

edit created custom post type

Ahora ve al Opciones avanzadas ficha.

edit created custom post type 2

Desplácese hasta Taxonomías integradas y marque la casilla junto a la taxonomía recién creada. En nuestro ejemplo, es Ingredientes.

Ahora vamos a probarlo. Si miras en tu barra lateral, verás un nuevo elemento: tu tipo de entrada personalizada con la taxonomía personalizada (Ingredientes) debajo. ¡Qué guay!

Add new Ingredients

Haga clic en Ingredientes para ver una lista de ellos. Ahora mismo, no tenemos ninguno. Vamos a añadir uno. En la parte izquierda, rellena el formulario y crea un nuevo ingrediente. Para nuestro ejemplo, vamos a utilizar Chocolate.

A la derecha, Chocolate se mostrará ahora. Muy fácil.

Ahora vamos a crear un nuevo post en Recetas. Haga clic en Añadir nuevo.

Custom taxonomy and custom post type

A la derecha, verá Ingredientes en la lista, con Chocolate como opción. Tenga en cuenta que esto es por lo general donde se agregan categorías a sus mensajes.

Y ya está. Para añadir más elementos a su taxonomía, puede hacerlo manualmente mediante el botón Ingredientes o directamente desde el puesto.

Método 2: Manualmente

Si eres desarrollador o no quieres utilizar un plugin de terceros, también puedes añadir taxonomías personalizadas manualmente. En el siguiente ejemplo, te mostraremos cómo añadir una nueva taxonomía a tus entradas habituales de WordPress.

En primer lugar, cree un archivo de texto en blanco en su ordenador utilizando un archivo programa editor de texto. Pega en él el siguiente código, sustituyendo las variables por las que desees.

<?php
/*
* Plugin Name: Ingredients Taxonomy
* Description: A short example showing how to add a taxonomy called Ingredients.
* Version: 1.0
* Author: wpastra.com
* Author URI: https://wpastra.com/
*/
 
function wporg_register_taxonomy_ingredients() {
     $labels = array(
         'name'              => _x( 'Ingredients', 'taxonomy general name' ),
         'singular_name'     => _x( 'Ingredients', 'taxonomy singular name' ),
         'search_items'      => __( 'Search Ingredients' ),
         'all_items'         => __( 'All Ingredients' ),
         'parent_item'       => __( 'Parent Ingredients' ),
         'parent_item_colon' => __( 'Parent Ingredient:' ),
         'edit_item'         => __( 'Edit Ingredient' ),
         'update_item'       => __( 'Update Ingredient' ),
         'add_new_item'      => __( 'Add New Ingredient' ),
         'new_item_name'     => __( 'New Ingredient Name' ),
         'menu_name'         => __( 'Ingredients' ),
     );
     $args   = array(
         'hierarchical'      => true, // make it hierarchical (like categories)
         'labels'            => $labels,
         'show_ui'           => true,
         'show_admin_column' => true,
         'query_var'         => true,
         'rewrite'           => [ 'slug' => 'ingredient' ],
     );
     register_taxonomy( 'ingredients', [ 'post' ], $args );
}
add_action( 'init', 'wporg_register_taxonomy_ingredients' );
?>

Guarde el archivo como ingredientes.php. A continuación, crea una carpeta, ponle un nombre y coloca el archivo de texto en esa carpeta. Comprime la carpeta en un archivo zip.

create zip file with for custom taxonomy

Ahora, vaya a su sitio WordPress. Vaya a Plugins > Añadir nuevo en tu barra lateral.

Upload plugin in the WordPress

Haga clic en Subir Plugin y selecciona tu archivo zip. A continuación, actívalo.

Ahora verás que Puestos tiene un nuevo elemento de submenú: Ingredientes. Haz clic en él.

Aquí puede añadir nuevos elementos a la taxonomía Ingredientes. Por ejemplo, añadamos Chocolate.

Manually created taxonomy

Si ahora vamos y editamos un post, verás la taxonomía Ingredientes en la barra lateral, debajo de categorías.

Custom taxonomy in post editing

¡Buen trabajo! Eso casi lo cubre.

Tenga en cuenta que también puede simplemente añadir este código a su tema, en lugar de un plugin. Sin embargo, cualquier cambio en un tema normal se sobrescribirá cuando se actualice. Por ello, te recomendamos que crees un tema hijo.

A crear un tema hijolea nuestra guía sobre el tema. Deberá leer especialmente la Funciones.php que se encuentra al final del post.

Más información taxonomías en la documentación oficial de WordPress página.

También puedes crear un Custom Post Type, como hicimos en el primer ejemplo. Más información aquí en la documentación de WordPress.

Cómo mostrar taxonomías en su sitio web

Ahora que ha creado una taxonomía, es posible que desee mostrarla en su sitio web. Existen varias opciones:

  • En un menú
  • En un widget
  • En cualquier lugar con un shortcode

En un menú

Para añadir su taxonomía a un menú, sólo tiene que ir a la sección Apariencia > Menús en la barra lateral. Verá la taxonomía junto a otros elementos.

add custom taxonomy in the menus

En un widget

¿Quieres poner tu taxonomía en un widget? La forma más sencilla es utilizar un pequeño plugin llamado Widget de taxonomía personalizada. Con él, puede añadir rápidamente cualquier taxonomía a un widget.

custom taxonomy in widget

Con un Shortcode

Por último, puede añadir sus taxonomías en cualquier lugar mediante un shortcode. El plugin Lista de taxonomías lo hace muy sencillo.

taxonomy list shortcode

Una vez que instale y active el plugin, añada una taxonomía utilizando el formato shortcode de la imagen superior.

WooCommerce y Taxonomías

Por último, hablemos de taxonomías y de WooCommerce. Crear una taxonomía para tus productos de WooCommerce puede ayudar a los clientes a filtrar aún más los productos para encontrar exactamente lo que necesitan. Por ejemplo, puede añadir una colores para organizar todos sus productos por colores.

¿Eres nuevo en WooCommerce? Echa un vistazo a nuestro guía para configurar WooCommerce.

Por defecto, WooCommerce crea una serie de tipos de post y taxonomías. En concreto, crea 4 tipos de post:

  • Producto (producto)
  • Pedido en tienda (pedido_tienda)
  • Cupón de compra (cupón_tienda)
  • Gancho web de la tienda (shop_webhook)

...y 6 taxonomías:

  • En virtud de la producto tipo de entrada personalizado:
    • Categorías de productos: (producto_cat)
    • Etiquetas del producto: (etiqueta_producto)
    • Variación del producto: (variación_producto)
    • Visibilidad del producto: (visibilidad_del_producto)
  • En virtud de la pedido en tienda tipo de entrada personalizado:
    • Estado de los pedidos: (estado_pedido_tienda)
    • Devolución de pedidos: (shop_order_refund)

Para crear una nueva taxonomía personalizada para WooCommerce, sólo tienes que seguir los pasos anteriores. Una vez creada la taxonomía, vaya a la sección Avanzado y desplácese hasta Tipos de puesto asociados. Ahí verás listadas las taxonomías asociadas a WooCommerce.

WooCommerce associated post types

Seleccione uno y, a continuación, vaya a la página correspondiente al artículo. Por ejemplo, si lo ha vinculado a cupón_tiendaIr a Marketing > Cupones en la barra lateral de WordPress y crear un nuevo cupón.

Ahora verá la nueva taxonomía en la parte derecha de la página:

WooCommerce custom taxonomy

Conclusión

Ya eres un experto en taxonomía. En este artículo ha aprendido qué una taxonomía es, por qué debe utilizarlos, y cómo para configurarlas. También examinamos el uso de taxonomías con WooCommerce.

Por último, le mostramos cómo mostrarlas en su sitio de WordPress a través de un menú, widget o shortcode. Aunque las taxonomías se utilizan a menudo para el back-end de su sitio, también son muy útiles para mostrar en el front-end también.

¿Utiliza taxonomías en su sitio web? ¿Para qué? ¿Mejoran su productividad? Háganoslo saber en los comentarios.

Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.

4 comentarios
  1. Cordial Profile Pic

    Ustedes son superestrellas.

    Leí todos los artículos que pude encontrar en la web relacionados con la Creación de Taxonomías Personalizadas, y los seguí meticulosamente, copié sus Códigos a mi functions.php, flushed permalinks y comprobé. Todos fallaron lamentablemente.

    Seguí lo que escribió Astra, y sin necesidad de enjuagar permalink, funcionó a las mil maravillas sin esfuerzo.

    Dios mío, estoy llena de risas y felicidad y alegría y de sentimientos de suficiencia muy fuertes que no puedo explicar.

    Muchas gracias Astra por esta inspiración y ayuda.

    Por desgracia, nunca es suficiente: sinceramente, lo que hice siguiendo sus instrucciones funcionó sin problemas.

    Pero ya tengo 21 plugins en mi sitio web, y su sistema parecía como si hubiera añadido otro plugin extra.

    Quiero preguntar que- ¿Tiene alguna otra manera que puedo crear taxonomías personalizadas directamente a través functions.php, que no me necesita la creación de algo que se parece a un plugin?

    Saludos especiales

  2. Adrian Head Profile Pic

    Gran artículo, gracias. Pero tengo una pregunta. ¿Qué pasa si usted ya tiene mensajes que desea asignar a las taxonomías que se crean? ¿Hay una manera de hacer esto una vez que haya creado taxonomías?

  3. Tousif Profile Pic

    He estado tratando de hacer esto desde hace mucho tiempo y finalmente capaz de hacer. Pero una cosa, las capturas de pantalla dadas en este post y el plugin real es un poco diferente ahora (probablemente porque el plugin se actualiza).

    He creado taxonomías personalizadas pero no he podido verlas en el frontend. Quiero decir que deberían mostrarse al final de un artículo como las etiquetas. Hay algo que me estoy perdiendo o ¿podría explicar cómo puedo obtener mi taxonomía para mostrar con el artículo?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio