Instalar WordPress

Guía de Instalación

Optimizar WordPress

Optimización y Velocidad

Seguridad de WordPress

Guía de Protección

Cómo Añadir Imagen Destacada en WordPress

Las imágenes en los sitios web en general, y en WordPress en particular, es un componente indisponsable en el contenido de las entradas, artículos o productos, o según el tipo de sitio web tienes, ya que, aparte de ser una parte visual atractiva de tus publicaciones, también puede transmitir mensajes, o ilustrar el funcionamiento de algún aparato por ejemplo. Por eso, Hoy te mostraremos cómo añadir imagen destacada en WordPress, y qué función tiene en tus posts.

Imagen Destacada en WordPress

La imagen destacada o thumbnail, como se conoce en inglés, es una característica frecuentemente usada en las entradas generalmente, que te permite insertar una imagen principal de tu contenido.

Esta características ha sido integrada en la versión WordPress 2.9 para solucionar el problema que existía antes, cuando sólo se podía insertar una imagen destacada mediante campos personalizados.

Hoy en día, es muy indispensable, y todos los temas modernos de WordPress te ofrecen la posibilidad de añadir imagen destacada fácilmente, y mucho de ellos (temas) te permiten visualizar la imagen en varios diseños atractivos, según tu gusto y necesidades de tu sitio web.

Actualmente es muy raro ver una publicación o artículo en un sitio web que usa WordPress, y no utiliza las imágenes destacadas. Las imágenes destacadas además de ser visualmente atractivas, también te permiten mejorar la encontrabilidad de tu sitio web, cuando las personas utilizan el buscador de imágenes.

Ahora que hemos hablado un poco de qué son las imágenes destacadas en WordPress, veamos en la siguiente parte, cómo añadirlas en tu sitio web, para sacarle todo el beneficio.

Añadir Imagen Destacada

Los temas predeterminados de WordPress vienen con soporte a las imágenes destacadas, o sea, están programados para añadir la opción en el editor de entrada para que puedas insertar una imagen destacada.

Módulo de imagen destacada en WordPress

WordPress no obliga a los desarrolladores de temas incluir el código que permite mostrar la caja de imagen destacada, sin embargo, todos los temas serios y modernos te dan esta posibilidad.

Insertar o añadir imagen destacada en tus entradas, o en cualquier entrada personalizada (custom post), es bastante sencillo, y el proceso es muy parecido a añadir cualquier imagen normal.

Insertar imagen destacada en entrada de WordPress

Primero, te diriges a la caja de Imagen destacada, en la parte inferior derecha del editor de entrada, subes una imagen desde tu ordenador o el dispositivo donde te encuentres. o incluso eliges alguna que hayas subido anteriormente en la biblioteca de medios, después das clic en Establecer imagen destacada. ¡Esto es todo! La imagen aparece en la caja, en lugar del enlace.

Esto lo que pasa en los casos normales, pero cuando un tema no tiene soporte de la función que permite la posibilidad de añadir imagen destacada, entonces habría que hacer un poco más de trabajo, propio de los desarrolladores.

Añadir Soporte a Imagen Destacada

A pesar de la inmensa fama que tienen las imágenes destacadas en WordPress, y el número incontable de sitio web que la usan, hoy en día siguen existiendo temas de WordPress, que no ofrecen soporte a imagen destacada.

Algunos desarrolladores de temas de WordPress no añaden la imagen destacada por el objetivo al que se dedia el tema, como sitios wbe que se basan exclusivamente sobre escritura y literatura por ejemplo.

add_theme_support( 'post-thumbnails' );

Antes de hacer nada, te recomendamos siempre crear copias de respaldo backup de seguridad, para preservar la integridad de tu sitio web, y prevenir cualquier riesgo. Puedes elegir uno de los mejores plugins gratuitos de backup para crear tu copia.

Es muy fácil añadir soporte de imagen destacada en tu sitio web.Abres el archivo de functions.php con un editor de código apropiado. Te aconsejamos usar un tema hijo (child theme) para sobreescribir las funciones del tema padre. Pegas el código en la parte inferior del archivo, guardas los cambios para que el código tenga efecto.

Para bajar y subir archivos en la instalación de tu sitio web, es necesario disponer de los datos de acceso que te facilita el proveedor de hosting, mediante un programa de transferencia de archivos FTP, como FileZilla.

Mostrar Imagen Destacada

Los temas que vienen sin soporte a imágenes destacadas, normalmente no incluyen el código necesario para mostrarlas en sus respectivos artículos o entradas.

<?php the_post_thumbnail(); ?>

Por eso, lo que tienes que hacer es simplemente pegar el siguiente código, en el lugar pertinente de los archivos de tu sitio web donde quieres añdir imagen destacada. El código se encarga de mostrar la imagen destacada de cada entrada que tiene una asignada.

Esta función interna de WordPress, acepta parámetros opcionales, que te permiten especificar el tamaño de la imagen destacada, y algunos atributos, como alineamiento y posición de la imagen.

Hay varios ejemplos de uso de la función the_post_thumbnail(); que ofrece WordPress en la documentación oficial, y que puedes descubrir e ir practican si quieres en algún entorno de desarrollo.

set_post_thumbnail_size( 120, 120);

En el mismo archivo de functions.php del tema que usas, puedes especificar también las dimensiones de la imagen destacada, que son el ancho y altura en los dos primeros parámetros de la función, como aparece en el ejemplo.

Esto es todo por ahora, te invitamos a darle Me gusta a nuestra página en Facebook, y seguirnos en Twitter, para obtener nuestro contenido exclusivo de tutoriales sobre optimización, plugins y seguridad de WordPress.

Deja un comentario

Si continúas utilizando este sitio significa que aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar