{"id":8288,"date":"2019-04-11T16:52:53","date_gmt":"2019-04-11T16:52:53","guid":{"rendered":"https:\/\/blog.hostinger.io\/mx-tutoriales\/?p=8288"},"modified":"2026-03-10T16:28:46","modified_gmt":"2026-03-10T15:28:46","slug":"imagenes-destacadas-wordpress","status":"publish","type":"post","link":"\/mx\/tutoriales\/imagenes-destacadas-wordpress","title":{"rendered":"Imagen destacada en WordPress – gu\u00eda completa"},"content":{"rendered":"

Incluir elementos visuales en tu sitio web de WordPress <\/a>es una forma estupenda de captar la atención de tus visitantes. Además, cuando se combina con un buen artículo, un elemento visual bueno puede aumentar significativamente el valor informativo de tu contenido.<\/p>

Por suerte, WordPress tiene una variedad de funciones que pueden incorporar elementos visuales a un sitio web, como la inclusión de imágenes destacadas.<\/p>

Este tutorial cubrirá todo lo que necesitas saber sobre las imágenes destacadas: qué son, por qué deberías usarlas y cómo activarlas en tu sitio web. También repasaremos algunos plugins para optimizarlas.<\/p>

¿Qué es la imagen destacada de WordPress?<\/h2>

Una imagen destacada en WordPress, también conocida como publicaciones miniatura (post thumbnail), puede representar tus entradas, páginas o tipos de entradas personalizadas.<\/p>

Estas imágenes suelen acompañar a tus publicaciones cuando se visualizan desde el archivo o la página de inicio de tu sitio web. También serán visibles cuando tus publicaciones se compartan en otras plataformas.<\/p>

Su ubicación, sin embargo, depende del tema de WordPress que hayas elegido. Algunos temas muestran la imagen por encima o por debajo del título, mientras que otros la colocan automáticamente a la derecha o a la izquierda de la entrada.<\/p>

Las imágenes destacadas también pueden aparecer en el área del widget junto a las publicaciones recientes o populares.<\/p>

\"Ejemplo<\/figure>

¿Por qué utilizar una imagen destacada?<\/h2>

Las imágenes destacadas pueden mejorar en gran medida la apariencia de tu sitio web y ofrecer una imagen atractiva a un artículo o entrada de blog que de otro modo sería sencillo. Las imágenes ayudan a transmitir ideas a los lectores, ayudándoles a comprender mejor el contenido.<\/p>

El uso constante de imágenes destacadas no sólo te ayudará a definir el estilo visual de tu sitio web, sino que también aumentará tu tráfico: las investigaciones demuestran que los artículos que incluyen imágenes generan un 94% más de visitas<\/a> que los que no lo hacen.<\/p>

Además, la incorporación de palabras clave en el pie de foto y en el texto alternativo de la imagen puede impulsar el SEO de tu sitio de WordPress<\/a>.<\/p>

Activar las imágenes destacadas en tu sitio web de WordPress<\/h2>

Por lo general, la mayoría de los temas de WordPress admiten la opción “establecer imagen destacada”. Sin embargo, no siempre es así.<\/p>

Puedes solucionar rápidamente este problema utilizando el método del desarrollador de temas e insertando el siguiente código en el archivo functions.php<\/strong> de tu tema.<\/p>

add_theme_support( 'post-thumbnails' );<\/pre>
Una vez que hayas terminado, la configuración de las imágenes destacadas de WordPress debería estar disponible cuando crees o edites una entrada del blog.<\/p>
Ten en cuenta que la función “post thumbnails<\/strong>” no hace que tu tema muestre o asigne automáticamente las imágenes. Sólo habilita esa opción en el editor de entradas de tu página web.<\/p>
Para mostrar las imágenes, tienes que añadir el fragmento de código que aparece a continuación a la parte de tu plantilla en la que quieres que se muestren los elementos visuales:<\/p>
<?php the_post_thumbnail(); ?><\/pre>
El archivo específico que hay que editar variará en función de tu tema.<\/p>
Si utilizas el alojamiento de WordPress de Hostinger<\/a>, sigue estos pasos para acceder al archivo de tu tema a través del Administrador de Archivos de Hostinger.<\/p>
    \n
  1. Accede a tu hPanel y haz clic en el menú Administrador de Archivos.<\/li>\n<\/ol>
    \"Menú<\/figure><\/div>
      \n
    1. Aparecerá una nueva ventana con el directorio del sitio. Busca la carpeta public_html<\/strong>.<\/li>\n\n\n\n
    2. Click on wp_content -> themes.<\/strong><\/li>\n<\/ol>
      \"Carpeta<\/figure><\/div>
        \n
      1. Esta carpeta contiene todos los temas de WordPress instalados en tu sitio. Elige el tema actualmente activo para editarlo.<\/li>\n<\/ol>
        \"La<\/figure><\/div>
          \n
        1. Selecciona el archivo function.php<\/strong> de tu tema y haz clic en el icono Editar<\/strong> de la barra de menús. Esto abrirá el editor de texto donde puedes insertar el código requerido. Una vez hecho esto, haz clic en el botón Guardar<\/strong> para guardar los cambios.<\/li>\n<\/ol>
          \"El<\/figure><\/div>
          Ahora deberías poder utilizar imágenes destacadas en WordPress. Como alternativa al método anterior, puedes instalar plugins de WordPress que solucionen los problemas de incompatibilidad, como:<\/p>