Cómo crear una plantilla personalizada de adjuntos individuales en WordPress

Las imágenes individuales y otros archivos subidos a su sitio web se muestran en una única página de adjuntos. Sin embargo, muchos temas no proporcionan una plantilla para los archivos adjuntos.

La creación de una plantilla de adjuntos personalizada en WordPress le permite controlar cómo se muestran las páginas de adjuntos individuales, lo que le ofrece flexibilidad para mejorar tanto la funcionalidad como la estética.

En este artículo, le mostraremos cómo crear fácilmente una plantilla personalizada de adjuntos individuales en WordPress.

¿Qué es una página de adjuntos en WordPress?

Por defecto, se crea automáticamente una única página para cada archivo multimedia adjunto que tenga en su sitio web WordPress. Esto incluye imágenes, vídeos, archivos de audio, PDF y mucho más.

Al igual que las entradas y las páginas, los adjuntos se almacenan en la tabla wp_posts de la base de datos de WordPress. De hecho, los adjuntos son un tipo especial de entradas y tienen el tipo de entrada ‘adjunto’. Esto facilita su búsqueda y visualización.

Las páginas de adjuntos permiten añadir metadatos a las subidas de archivos, como un título, una leyenda y una descripción. También permiten a tus visitantes hacer comentarios sobre tus imágenes y vídeos.

A muchos usuarios les gusta personalizar sus plantillas de archivos adjuntos para mostrar información adicional. Por ejemplo, un tema de fotografía podría utilizar la página de adjuntos para mostrar datos EXIF. Esto podría mostrar el modelo de cámara utilizado, los ajustes de la cámara e incluso los datos de ubicación de la imagen.

No obstante, le recomendamos que desactive estas páginas de adjuntos si no piensa utilizarlas.

Dicho esto, echemos un vistazo a cómo crear una plantilla personalizada de adjuntos individuales en WordPress. Esto es lo que vamos a cubrir en esta guía:

Cómo ver una página de adjuntos en WordPress

Al personalizar su plantilla de adjuntos, es útil ver una página de adjuntos para ver sus cambios. Aquí tienes algunas formas de ver páginas de adjuntos en WordPress.

Visualización de una página de adjuntos desde la biblioteca de medios

Debe navegar a la página Biblioteca ” de medios desde el escritorio de WordPress y hacer clic en una imagen u otro adjunto. Aparecerá la ventana “Detalles del adjunto”.

Aquí puedes introducir el texto alternativo, el título, la leyenda y la descripción de la imagen. Esta información puede mostrarse en la página de adjuntos, por lo que conviene rellenar los campos para ver cómo se muestran.

En la parte inferior derecha de la ventana, verás el enlace “Ver página de adjuntos”.

Al hacer clic en ese enlace, accederá a la página de adjuntos de esa imagen.

Ver una página de adjuntos desde una entrada o página

Basta con abrir una entrada o página en el editor de contenidos de WordPress y añadir una imagen.

A continuación, seleccione la imagen y haga clic en el botón “Enlazar” de la barra de herramientas. En el menú desplegable, verá la opción de seleccionar la ‘Página de adjuntos’.

Ahora, al hacer clic en la imagen, accederá a su página de adjuntos.

¿Qué plantilla se utiliza para una página de adjuntos?

Al igual que las entradas y las páginas, los archivos adjuntos se muestran utilizando una plantilla. La que se utilice dependerá de las plantillas disponibles en tu tema y de la jerarquía de plantillas de WordPress.

Si existe, WordPress utilizará una plantilla attachment. php para controlar la apariencia de sus páginas de adjuntos. Sin embargo, también puede crear diferentes plantillas para cada tipo de archivo que puede ser subido a su sitio.

Por ejemplo, un archivo de plantilla llamado image. php controlará el aspecto de las páginas de adjuntos de imágenes, y las páginas de adjuntos de vídeos pueden controlarse mediante una plantilla llamada video.php.

Incluso puede crear una plantilla de adjuntos personalizada para extensiones de archivo específicas. Por ejemplo, la plantilla image-gif. php controlará las páginas de adjuntos de imágenes GIF.

Sin embargo, si tu tema de WordPress no ofrece una plantilla específica para adjuntos, entonces por defecto usará single.php, la plantilla de tipo de entrada única, o index.php, la plantilla de reserva por defecto.

Cuando esto ocurre, tus páginas adjuntas tendrán la estructura / disposición / diseño / plantilla de cualquier otra entrada o página, lo que no siempre quedará bien.

Desactivar páginas de adjuntos en WordPress

Si no tiene previsto utilizar páginas de adjuntos en WordPress, le recomendamos que las desactive.

Muchos temas no tienen plantillas especiales para los adjuntos, por lo que pueden parecer páginas incompletas en su sitio. Esto puede dar una mala impresión a los visitantes.

También pueden tener un impacto SEO negativo en sus posiciones de búsqueda. Esto se debe a que los motores de búsqueda consideran que las páginas con poco o ningún texto son de “baja calidad” o “contenido ligero”.

Puede obtener más información en nuestra guía sobre cómo desactivar las páginas de imágenes adjuntas en WordPress.

Sin embargo, si planea utilizar páginas de adjuntos, siga leyendo para aprender a personalizar la plantilla de adjuntos en WordPress. Cubriremos dos métodos. El primero es el más sencillo y utiliza un plugin.

Creación de una plantilla personalizada de adjuntos individuales con un plugin maquetador de temas

La forma más fácil de crear una plantilla personalizada de un solo adjunto es mediante el uso de SeedProd. Es el mejor maquetador de temas de WordPress y puede crear hermosas disposiciones de sitios web y plantillas personalizadas sin escribir ningún código.

Puede utilizar SeedProd para crear un tema de WordPress totalmente personalizado, incluyendo una plantilla personalizada de adjuntos individuales. Para más detalles, puedes ver nuestra reseña / valoración completa de SeedProd.

Primero, necesitas instalar y activar el plugin SeedProd. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debe introducir su clave de licencia. Encontrará esta información en su cuenta del sitio web de SeedProd.

Después de eso, es necesario utilizar SeedProd para crear fácilmente un tema de WordPress personalizado.

Creación de un tema de WordPress personalizado

Encontrará el maquetador de temas de SeedProd navegando a la página SeedProd ” Maquetador de temas. Aquí, utilizarás uno de los kits de sitio o plantillas de SeedProd como punto de partida. Esto reemplazará su tema de WordPress existente con un nuevo diseño personalizado.

Puede hacerlo al hacer clic en el botón “Temas”.

Se le mostrará una lista de temas diseñados profesionalmente para diferentes tipos de sitios web. Por ejemplo, hay plantillas llamadas ‘Modern Business’, ‘Marketing Agency’ y ‘Mortgage Broker Theme’.

Eche un vistazo a las opciones y seleccione la que mejor se adapte a sus necesidades al hacer clic en el icono de la marca de verificación.

Una vez que haya elegido un tema, SeedProd generará todas las plantillas de temas que necesite. Ahora, puede crear una plantilla personalizada de adjuntos individuales.

Creación de una plantilla de adjuntos personalizada

Por defecto, no hay plantilla de adjuntos, y la plantilla de una sola entrada se utilizará para adjuntos como este.

Lo corregiremos creando una nueva plantilla de Adjunto. Utilizaremos la plantilla de entrada única como punto de partida para que la nueva plantilla sea coherente con su tema.

Para ello, debe pasar el cursor sobre la plantilla Duplicar la entrada única hasta que aparezcan algunos enlaces. Ahora debe hacer clic en el enlace “Duplicar” para crear una copia de esa plantilla.

Ahora verá una nueva plantilla llamada ‘Single Post- Copy’ en la parte superior de la ficha.

Basta con situar el ratón sobre la nueva plantilla y hacer clic en el enlace “Editar condiciones” que aparece.

Aparecerá una ventana emergente que le permitirá cambiar los ajustes de la plantilla. Puedes empezar dándole el nombre de ‘Adjuntos’.

A continuación, debe definir las condiciones en las que se utilizará esta plantilla. En la sección “Condiciones”, deje el primer ajuste como “Incluir” y, a continuación, seleccione “Es adjunto” en el segundo menú desplegable.

Después, tiene que dar una prioridad a la plantilla. La plantilla de entrada única tiene una prioridad de 0, por lo que debe asignar a esta plantilla una prioridad más alta para que se utilice en todas las páginas coincidentes. Para este tutorial, le asignaremos una prioridad de 5.

Una vez que hayas terminado, asegúrate de hacer clic en el botón “Guardar” para guardar los nuevos ajustes.

Ahora, es el momento de personalizar el diseño y el contenido de la plantilla. Puede hacerlo enlazando el enlace “Editar diseño”.

Se abrirá el maquetador de páginas de SeedProd. Aquí puede añadir nuevo contenido arrastrando bloques a la página y reordenando el contenido mediante arrastrar y soltar.

Puede acceder a los ajustes de cualquier bloque haciendo clic en él y, al pasar el cursor sobre un bloque, puede borrarlo haciendo clic en el icono de la papelera.

Para este tutorial, borraremos los dos bloques de la parte superior de la página relacionados con el blog y arrastraremos el bloque Información de la entrada para que quede debajo de la imagen.

También borraremos la sección de comentarios de la parte inferior de la página. Cuando hayas terminado, asegúrate de hacer clic en el botón “Guardar” situado en la parte superior de la página. Después, puedes cerrar el maquetador de páginas haciendo clic en el botón “X” de la parte superior derecha.

Ahora se encontrará de nuevo en la lista de plantillas. Deberá activar la nueva plantilla poniendo el conmutador “Publicado” en la posición de encendido.

Ahora puede consultar una página de adjuntos en su sitio web para ver los cambios.

Creación de una plantilla personalizada de adjuntos individuales mediante código

Este método es más avanzado, y tendrás que añadir código a los archivos de plantilla de tu tema de WordPress. Si no lo has hecho antes, consulta nuestra guía sobre cómo copiar y pegar código en WordPress.

Perderás muchas de las personalizaciones de tu tema cuando instales una actualización del mismo. Te recomendamos que lo evites creando un tema hijo y personalizándolo en su lugar. Puede obtener más información en nuestra guía sobre cómo actualizar un tema de WordPress sin perder la personalización.

Creación de un archivo de plantilla de adjuntos

En primer lugar, debe elegir una plantilla que vaya a personalizar. Para cambiar el aspecto de todos los adjuntos, tendrás que personalizar attachment.php.

Sin embargo, si quieres personalizar solo tus imágenes o vídeos, tendrás que editar image.php o video.php.

A continuación, comprueba si tu tema ya contiene esos archivos de plantilla. Por ejemplo, encontrarás las plantillas para el tema Twenty Twenty-One visitando la carpeta wp/content/themes/twentytwentyone en el archivo de gestión de tu alojamiento WordPress.

Podemos ver que el tema Twenty Twenty-One tiene una plantilla image. php pero no una plantilla attachment.php.

Si tu tema no tiene la plantilla que deseas personalizar, tendrás que crearla. Simplemente guarda un archivo en blanco con el nombre de archivo que necesites.

A continuación, copie el contenido del archivo single. php en su nuevo archivo en blanco y guárdelo. Esto asegurará que su plantilla de adjuntos sea visualmente coherente con el resto de su sitio web.

Ahora tiene una nueva plantilla de adjuntos, pero hasta ahora, sus páginas de adjuntos tendrán el mismo aspecto que antes. Es hora de hacer algunas personalizaciones.

Personalización del archivo de plantilla de adjuntos

Ahora, puede personalizar su página de adjuntos haciendo cambios en el código de la plantilla. El archivo de plantilla es como cualquier otro archivo de tema en WordPress. Puedes añadir cualquier HTML, etiquetas de plantilla o código PHP a este archivo.

Puede descargar la plantilla en su ordenador y abrirla en cualquier editor de texto, como el Bloc de notas. Cuando haya terminado de modificar el código, simplemente guarde el archivo y vuelva a subirlo a la carpeta de su tema mediante FTP.

Aquí tienes algunos ejemplos de cómo podrías personalizar la plantilla image. php del tema Twenty Twenty-One. Así es como se ve antes de hacer cualquier cambio.

La página comienza con el título de la imagen, seguido de la propia imagen y una leyenda. Después, encontrará una descripción de la imagen y algunos otros detalles acerca de ella. Por último, aparece la sección de comentarios.

Puede cambiar el orden en que se muestran estas secciones. Por ejemplo, puede colocar el código de la imagen encima del título.

También puede eliminar la leyenda de la imagen simplemente borrando las líneas de código que la muestran.

Este es el aspecto actual de la página de adjuntos.

Si prefiere no permitir que sus visitantes dejen comentarios sobre sus imágenes, puede quitar / eliminar por completo la sección de comentarios.

Basta con borrar las líneas de código de la parte inferior que muestran la sección de comentarios.

Bonus: Añadir un adjunto a una entrada como imagen destacada en WordPress

La mayoría de los temas de WordPress muestran miniaturas junto a las entradas de blog en tu sitio web. Sin embargo, si usted acaba de cambiar de un tema que no es compatible con esta característica, entonces usted tendrá un montón de espacio en negro en la página de tu blog.

Como lleva mucho tiempo crear imágenes destacadas para todas las entradas publicadas en el blog, puede utilizar los adjuntos de las entradas como miniaturas. Esto impulsará el tráfico del blog y aumentará la participación de los usuarios.

Para ello, instala y activa los plugins de Auto Featured Image. A continuación, visite la página de ajustes de “Imagen destacada automática” y seleccione la opción “Buscar en la entrada” en el menú desplegable “Método de generación”.

A continuación, desmarque la opción “Páginas” en la sección “Generar para tipos de entradas”.

A continuación, vaya a la sección “Generar imágenes” en la parte superior y elija la opción “Entradas” en el menú desplegable “Tipo de contenido”.

El plugin mostrará ahora el número de entradas del blog que no tienen una imagen destacada. Aquí, haga clic en el botón “Generar imágenes destacadas”.

Ahora todas las entradas del blog que no tengan una imagen destacada mostrarán automáticamente la primera imagen adjunta como miniatura. Para más detalles, consulte nuestro tutorial sobre cómo añadir entradas adjuntas como imágenes destacadas en WordPress.

Esperamos que este tutorial te haya ayudado a aprender cómo crear una plantilla personalizada de adjuntos individuales en WordPress. Puede que también quieras aprender cómo despublicar una página de WordPress o consultar nuestra lista de páginas importantes que todo blog debería tener.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.