Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Creative Coding

Anexos avanzados de WordPress: Creando una 'Imagen destacada'

by
Read Time:5 minsLanguages:
This post is part of a series called Advanced Use of Attachments in WordPress.
Advanced Use of Attachments in WordPress - Creating Categorised Gallery Pages

Spanish (Español) translation by Marilu (you can also view the original English article)

Este tutorial es la última parte de una serie de cuatro partes en la que aprenderás algunas técnicas para trabajar con imágenes en archivos adjuntos en WordPress que te dan opciones avanzadas.

En esta serie, yo cubro:

  • asignación de categorías y taxonomías a los anexos,
  • consultas a los archivos de medios por taxonomía para que puedan salir en un bucle personalizado,
  • uso de consultas de taxonomía para las imágenes para mostrarlas en las páginas de archivo,
  • añadiendo una imagen a una categoría o término taxonómico como la "imagen destacada" de la categoría o el término

En la primera parte, demostré cómo crear nuevas taxonomías para los anexos. En la Parte 2, te mostré cómo crear un archivo de plantilla personalizado para los documentos y añadir un bucle que muestra un enlace al archivo multimedia para cada documento, y en la Parte 3, creé un archivo de plantilla personalizado para la taxonomía de la gallery-category, que muestra todas las imágenes con un término dado como una página de archivo de estilo de galería.

En esta parte final demostraré algo ligeramente diferente: Cómo asignar una categoría a una imagen y luego editar la plantilla de archivo de categorías para mostrar esa imagen como la "imagen destacada" de esa categoría. También se podría hacer esto para las etiquetas o los términos de taxonomía usando técnicas muy similares.

Para este tutorial voy a crear un tema que será un tema juvenil de veinticuatro años. El tema incluirá un archivo de funciones y un archivo de plantilla personalizado para archivos de categorías. Puedes descargar este tema en el paquete de código.

Lo que necesitarás

Para seguir este tutorial necesitarás lo siguiente:

  • una instalación de desarrollo de WordPress
  • acceso al FTP (o MAMP o similar si trabajas localmente)
  • un editor de código

1. Aplicación de la categoría a los anexos

De forma predeterminada, WordPress no te permite asignar categorías y etiquetas a los archivos adjuntos, lo que tendrás que hacer para este tutorial. Por suerte es fácil de arreglar, como demostré en un tutorial anterior sobre la asignación de categorías y etiquetas a los archivos adjuntos.

Nota: Esta técnica funciona para las etiquetas y las categorías. Si lo haces con tus propias taxonomías, debes especificar los anexos como un tipo de puesto al que se aplica la taxonomía cuando la registras. Puedes hacerlo siguiendo la primera parte de esta serie.

En tu tema, crea un archivo llamado functions.php y añádele el siguiente código:

Esto utiliza la función register_taxonomy_for_object_type() para añadir categorías a los archivos adjuntos. Ahora, cuando veas la pantalla de la Biblioteca Multimedia verás que las categorías están habilitadas.

El siguiente paso es para añadir algunas imágenes, solo una para cada categoría. También necesitas añadir otra categoría llamada "Destacados" y asegurarte de que cada imagen que quieras usar de esta manera esté en esa categoría también.

A continuación puedes ver un ejemplo de pantalla de edición de medios con las categorías mostradas:

advanced-use-of-attachments-in-wordpress-part4-image-with-categoriesadvanced-use-of-attachments-in-wordpress-part4-image-with-categoriesadvanced-use-of-attachments-in-wordpress-part4-image-with-categories

Y también puedes ver todas mis imágenes con las categorías correctas asignadas:

advanced-use-of-attachments-in-wordpress-part4-media-library-with-categoriesadvanced-use-of-attachments-in-wordpress-part4-media-library-with-categoriesadvanced-use-of-attachments-in-wordpress-part4-media-library-with-categories

Por último, añadiré algunas publicaciones ficticias a mi sitio y las pondré en las categorías relevantes para que haya algo que mostrar en mi página de archivo:

advanced-use-of-attachments-in-wordpress-part4-posts-with-categoriesadvanced-use-of-attachments-in-wordpress-part4-posts-with-categoriesadvanced-use-of-attachments-in-wordpress-part4-posts-with-categories

2. Crear la plantilla de categorías

El siguiente paso es crear la plantilla de la categoría personalizada. Como mi tema es un tema juvenil de veinticuatro años, haré una copia del archivo category.php de ese tema y lo copiaré en mi tema juvenil, con algunos cambios en los comentarios de apertura:

3. Añadir una consulta personalizada a la plantilla de la categoría

Encima del bucle principal, usa WP_Query para añadir un bucle personalizado. Inserta lo siguiente después del cierre etiqueta </h1>:

Esto identifica la categoría actual que se está mostrando, usando get_queried_object().

A continuación, define los argumentos para la consulta personalizada, usando WP_Query:

Esto identifica cualquier accesorio en la categoría actual y también en la categoría "destacada". Ten en cuenta que necesitas incluir 'post_status' => 'heredar' como argumento debido a la forma en que WordPress establece los estados de los mensajes para los archivos adjuntos.

Ahora debajo de esto, añade el bucle:

Asegúrate de que no te pierdas wp_reset_postdata() al final o la consulta principal del archivo de la categoría no funcionará.

Una vez añadido todo esto, guarda la plantilla de tu categoría y mira una de las páginas del archivo de la categoría. Debería parecerse a la captura de pantalla del principio de este tutorial.

Resumen

En esta serie de cuatro tutoriales he demostrado algunas técnicas avanzadas para trabajar con imágenes en WordPress. Esto incluye:

  • Registro de una taxonomía específicamente para su uso con anexos
  • Creación de una página de listado de documentos usando una plantilla personalizada
  • Creando una página de galería para mostrar imágenes en un cetáceo dado, de nuevo usando una plantilla personalizada
  • Creando una "imagen destacada" para cada categoría y mostrándola en la página de archivo de la categoría.

Como has visto, puedes hacer mucho más con las imágenes y los medios de comunicación en WordPress que simplemente adjuntarlas a los publicaciones o usarlas como imágenes destacadas. Con un poco de imaginación, se pueden consultar de la misma manera que cualquier otro tipo de correo y enlaces de salida a documentos o imágenes de visualización.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.