Cómo crear una plantilla personalizada para archivos adjuntos individuales en WordPress

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

Crear una plantilla de adjuntos personalizada en WordPress te permite controlar cómo se muestran las páginas de adjuntos individuales, dándote la flexibilidad de mejorar tanto la funcionalidad como la estética.

En este artículo, te 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 página individual para cada adjunto multimedia que tengas en tu sitio web de WordPress. Esto incluye imágenes, videos, archivos de audio, PDFs y más.

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

Las páginas de adjuntos te permiten agregar metadatos a tus subidas de archivos, como un título, una leyenda y una descripción. También permiten a tus visitantes comentar tus imágenes y videos.

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

Sin embargo, recomendamos que deshabilites estas páginas de adjuntos si no planeas usarlas.

Dicho esto, veamos cómo crear una plantilla personalizada de adjuntos individuales en WordPress. Esto es lo que cubriremos en esta guía:

• Cómo ver una página de adjuntos en WordPress
• ¿Qué plantilla se utiliza para una página de adjuntos?
• Deshabilitar páginas de adjuntos en WordPress
• Crear una plantilla personalizada de adjuntos individuales con un plugin constructor de temas
• Crear una plantilla personalizada de adjuntos individuales usando código
• Extra: Añadir adjunto de publicación como imagen destacada en WordPress

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

Al personalizar tu plantilla de adjuntos individuales, es útil ver una página de adjuntos para ver tus cambios. Aquí hay algunas formas de ver las páginas de adjuntos en WordPress.

Ver una página de adjuntos desde la biblioteca de medios

Necesitas navegar a la página Medios » Biblioteca desde el panel de WordPress y hacer clic en una imagen u otro adjunto. Aparecerá la ventana 'Detalles del adjunto'.

Aquí, puedes ingresar el texto alternativo, título, subtítulo y descripción de la imagen. Esta información se puede mostrar en la página de adjuntos, por lo que es una buena idea completar los campos para ver cómo se muestran.

En la parte inferior derecha de la ventana, verás un enlace 'Ver página de adjuntos'.

Cuando hagas clic en ese enlace, serás llevado a la página de adjuntos de esa imagen.

Ver una página de adjuntos desde una publicación o página

Simplemente necesitas abrir una publicación o página dentro del editor de contenido de WordPress y luego añadir una imagen.

A continuación, selecciona la imagen y haz clic en el botón 'Enlace' en la barra de herramientas. En el menú desplegable, verás la opción para seleccionar 'Página de adjuntos'.

Ahora, cuando hagas clic en la imagen, serás llevado a su página de adjuntos.

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

Al igual que las publicaciones y las páginas, tus archivos adjuntos se muestran utilizando una plantilla. La que se usa depende de las plantillas disponibles en tu tema y de la jerarquía de plantillas de WordPress.

Si existe, WordPress usará una plantilla attachment.php para controlar la apariencia de tus páginas de archivos adjuntos. Sin embargo, también puedes crear diferentes plantillas para cada tipo de archivo que se pueda subir a tu sitio.

Por ejemplo, un archivo de plantilla llamado image.php controlará cómo se ven las páginas de archivos adjuntos de imágenes, y las páginas de archivos adjuntos de video pueden ser controladas por una plantilla llamada video.php.

Incluso puedes crear una plantilla de adjunto 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 usará por defecto single.php, la plantilla de tipo de publicación única, o index.php, la plantilla de respaldo predeterminada.

Cuando eso sucede, tus páginas de adjuntos tendrán el diseño de cualquier otra publicación o página, lo que no siempre se verá bien.

Deshabilitar páginas de adjuntos en WordPress

Si no planeas usar páginas de adjuntos en WordPress, te recomendamos que las deshabilites.

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

También pueden tener un impacto SEO negativo en tus rankings de búsqueda. Esto se debe a que los motores de búsqueda consideran las páginas con poco o ningún texto como 'baja calidad' o 'contenido delgado'.

Puedes aprender más en nuestra guía sobre cómo deshabilitar páginas de adjuntos de imágenes en WordPress.

Sin embargo, si planeas usar páginas de adjuntos, sigue leyendo para aprender cómo personalizar la plantilla de adjuntos en WordPress. Cubriremos dos métodos. El primero es el más simple y utiliza un plugin.

Crear una plantilla personalizada de adjuntos individuales con un plugin constructor de temas

La forma más fácil de crear una plantilla personalizada de archivos adjuntos individuales es usando SeedProd. Es el mejor constructor de temas de WordPress y puede crear hermosos diseños de sitios web y plantillas personalizadas sin escribir código.

Puedes usar SeedProd para crear un tema de WordPress completamente personalizado, incluyendo una plantilla personalizada de archivos adjuntos individuales. Para más detalles, puedes ver nuestra reseña completa de SeedProd.

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

Después de la activación, debes ingresar tu clave de licencia. Puedes encontrar esta información en tu cuenta en el sitio web de SeedProd.

Después de eso, necesitas usar SeedProd para crear fácilmente un tema de WordPress personalizado.

Creación de un Tema Personalizado de WordPress

Encontrarás el constructor de temas de SeedProd navegando a la página SeedProd » Theme Builder. Aquí, usarás uno de los kits de sitio o plantillas pre-diseñados de SeedProd como punto de partida. Esto reemplazará tu tema de WordPress existente con un diseño nuevo y personalizado.

Puedes hacer eso haciendo clic en el botón 'Temas'.

Se te mostrará una lista de temas diseñados profesionalmente que están hechos para diferentes tipos de sitios web. Por ejemplo, hay plantillas llamadas 'Negocio Moderno', 'Agencia de Marketing' y 'Tema para Corredor Hipotecario'.

Echa un vistazo a las opciones y selecciona la que mejor se adapte a tus necesidades haciendo clic en el ícono de la marca de verificación.

Una vez que hayas elegido un tema, SeedProd generará todas las plantillas de tema que necesites. Ahora, puedes crear una plantilla personalizada de archivos adjuntos individuales.

Creación de una Plantilla de Archivos Adjuntos Personalizada

Por defecto, no hay una plantilla de adjunto y se usará la plantilla de Publicación única para adjuntos como este.

Solucionaremos eso creando una nueva plantilla de Adjunto. Usaremos la plantilla de Publicación única como punto de partida para que la nueva plantilla sea coherente con tu tema.

Para hacer eso, necesitas pasar el cursor sobre la plantilla de Publicación única Duplicar la plantilla de Publicación única hasta que aparezcan algunos enlaces. Ahora deberías hacer clic en el enlace 'Duplicar' para crear una copia de esa plantilla.

Ahora verás una nueva plantilla llamada 'Publicación única - Copia' en la parte superior de la lista.

Simplemente apunta tu ratón sobre la nueva plantilla y luego haz clic en el enlace 'Editar condiciones' que aparece.

Aparecerá una ventana que te permitirá cambiar la configuración de la plantilla. Puedes empezar dándole el nombre 'Adjuntos'.

A continuación, necesitas definir las condiciones en las que se utilizará esta plantilla. En la sección 'Condiciones', deja la primera configuración como 'Incluir' y luego selecciona 'Es adjunto' en el segundo menú desplegable.

Después de eso, tienes que darle una prioridad a la plantilla. La plantilla de Publicación única tiene una prioridad de 0, por lo que necesitas darle a esta plantilla una prioridad mayor para que se use en su lugar para todas las páginas coincidentes. Para este tutorial, asignaremos una prioridad de 5.

Una vez que hayas terminado, asegúrate de hacer clic en el botón ‘Guardar’ para almacenar la nueva configuración.

Ahora, es hora de personalizar el diseño y el contenido de la plantilla. Puedes hacerlo haciendo clic en el enlace ‘Editar Diseño’.

Esto abrirá el constructor de páginas de SeedProd. Aquí, puedes agregar nuevo contenido arrastrando bloques a la página y reorganizando el contenido usando arrastrar y soltar.

Puedes acceder a la configuración de cualquier bloque haciendo clic en él, y cuando pases el cursor sobre un bloque, puedes eliminarlo haciendo clic en el ícono de la papelera.

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

También eliminaremos la sección de comentarios en la parte inferior de la página. Cuando hayas terminado, asegúrate de hacer clic en el botón ‘Guardar’ en la parte superior de la página. Después de eso, puedes cerrar el constructor de páginas haciendo clic en el botón ‘X’ en la esquina superior derecha.

Ahora te encontrarás de vuelta en la lista de plantillas. Deberás activar la nueva plantilla cambiando el interruptor ‘Publicado’ a la posición de encendido.

Ahora puedes ver una página de adjunto en tu sitio web para ver los cambios.

Crear una plantilla personalizada de adjuntos individuales usando código

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

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

Creación de un archivo de plantilla de adjunto

Primero, necesitas elegir una plantilla que vas a personalizar. Para cambiar la forma en que se ven todos los adjuntos, tendrás que personalizar attachment.php.

Sin embargo, si solo quieres personalizar tus imágenes o videos, entonces necesitarás editar image.php o video.php.

A continuación, verifica 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 administrador de archivos de tu hosting de 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, entonces tendrás que crearla. Simplemente guarda un archivo en blanco con el nombre de archivo que necesitas.

A continuación, copia el contenido del archivo single.php en tu nuevo archivo en blanco y luego guárdalo. Esto asegurará que tu plantilla de adjuntos sea visualmente consistente con el resto de tu sitio web.

Ahora tienes una nueva plantilla de adjuntos, pero hasta ahora, tus páginas de adjuntos se verán igual que antes. Es hora de hacer algunas personalizaciones.

Personalización del archivo de plantilla de adjuntos

Ahora, puedes personalizar tu 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 agregar cualquier HTML, etiquetas de plantilla o código PHP a este archivo.

Puedes descargar la plantilla a tu computadora y abrirla en cualquier editor de texto, como el Bloc de notas. Cuando hayas terminado de modificar el código, simplemente guarda el archivo y súbelo de nuevo a tu carpeta de temas usando 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 imagen misma y una descripción. Después de eso, encontrarás una descripción de la imagen y algunos otros detalles sobre ella. Finalmente, se muestra la sección de comentarios.

Puedes reorganizar el orden en que se muestran estas secciones. Por ejemplo, podrías mover el código de la imagen antes del título.

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

Así es como se ve ahora la página de adjuntos.

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

Simplemente elimine las líneas de código cerca de la parte inferior que muestran la sección de comentarios.

Extra: Añadir adjunto de publicación como imagen destacada en WordPress

La mayoría de los temas de WordPress muestran miniaturas junto a las publicaciones del blog en su sitio web. Sin embargo, si acaba de cambiar de un tema que no admitía esta función, tendrá mucho espacio en blanco en la página de su blog.

Dado que lleva mucho tiempo crear imágenes destacadas para todas las publicaciones de blog publicadas, puede usar los archivos adjuntos de las publicaciones como miniaturas. Esto impulsará el tráfico del blog y aumentará la participación del usuario.

Para hacer esto, instale y active el complemento Auto Featured Image. Después de eso, visite la página Configuración de Auto Featured Image » y seleccione la opción 'Buscar en la publicación' en el menú desplegable 'Método de generación'.

Luego, desmarque la opción 'Páginas' en la sección 'Generar para tipos de publicación'.

A continuación, cambie a la sección 'Generar imágenes' desde la parte superior y elija la opción 'Publicaciones' del menú desplegable 'Tipo de publicación'.

El complemento ahora mostrará el número de publicaciones de blog que no tienen una imagen destacada. Aquí, haga clic en el botón 'Generar imágenes destacadas'.

Ahora todas las entradas de blog que no tengan una imagen destacada mostrarán automáticamente la primera imagen adjunta como miniatura. Para más detalles, consulta nuestro tutorial sobre cómo agregar adjuntos de publicación como imágenes destacadas en WordPress.

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

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.