Sistema de gestión de contenidos ( CMS ) dispone de una serie de funciones para incorporar elementos visuales a un sitio web, una de las cuales es la función Imágenes destacadas de WordPress. También pueden aumentar significativamente el valor del contenido cuando se utilizan junto con un texto bien escrito.

¿Qué son las imágenes destacadas de WordPress?

Una imagen destacada de WordPress es la imagen principal que se muestra en tu entrada o página. Esta imagen suele aparecer en la parte superior de las publicaciones y en las publicaciones de las redes sociales cuando las compartes en ellas.

Cómo añadir imágenes destacadas a WordPress

Añadir imágenes destacadas en WordPress es un proceso sencillo. Solo tienes que subir o seleccionar una imagen para cada entrada o página.

Cómo añadir imágenes destacadas a una página o entrada de WordPress

Las imágenes destacadas están habilitadas por defecto en la mayoría de los temas de WordPress. También puedes añadirlas manualmente a cualquier entrada o página a través del editor de bloques Gutenberg.

Siga los pasos que se indican a continuación:

1. Navegando hastaPanel Puestos → Añadir nuevo Puestos para abrir el editor de bloques. Alternativamente, seleccione un post o página existente para entrar en el editor.

2. La barra lateral derecha debería aparecer en el editor de bloques.

3. Desplácese hastaImagen destacaday, a continuación, haga clic enConfigurar imágenes destacadas.

4. Suba la imagen destacada a WordPress o selecciónela de entre las imágenes de la biblioteca multimedia. Una vez seleccionada la imagen destacada, elSección de detalles del anexoAñadir texto alternativo.

5. Pulse en la esquina inferior derecha de la pantallaConfigurar imágenes destacadas.

La imagen destacada ya está configurada. No aparece en el panel del editor y se puede encontrar en la secciónImágenes destacadaso verlo en la vista previa del post. Ahora existe la opción de hacer clic en el botón"Sustituir la imagen"Sustitúyala por otra imagen o utilice la funciónEliminar imagen destacadaEliminar imágenes destacadas de entradas o páginas.

Cómo configurar el tamaño de la imagen destacada de WordPress

Elegir el tamaño adecuado de la imagen destacada es importante. Hace que tu página en general se vea genial y asegura que las miniaturas de las publicaciones se vean bien en otras plataformas.

Mientras que usted puede elegir su tamaño preferido de la imagen destacada de WordPress, el1200 x 628 píxelestal vez16:8.4Las relaciones de aspecto son un buen punto de partida. Puedes utilizar imágenes más pequeñas para acelerar los tiempos de carga, especialmente en dispositivos móviles.

Es posible que la configuración predeterminada del tamaño de las imágenes destacadas de los temas de WordPress no se adapte a sus preferencias. Considere la posibilidad de cambiar el tamaño de la imagen utilizando uno de los métodos siguientes.

1. Temas clásicos

Cada vez que subas una imagen a WordPress, encontrarás cuatro tamaños de imagen predeterminados en la configuración de WordPress:

• Miniatura (150 píxeles cuadrados)
• Mediana (máximo 300 píxeles de ancho y alto)
• Grande (anchura y altura máximas de 1024 píxeles)
• Tamaño completo (imagen original)

Algunos temas de WordPress utilizan uno de estos tamaños de imagen por defecto como imagen destacada. Puedes cambiar su tamaño siguiendo los pasos que se indican a continuación:

1. Compruebe el tamaño abriendo la entrada del blog con la imagen destacada. 2. Haga clic con el botón derecho del ratón en la imagen destacada del blog y seleccione el navegador en el menúComprueba las herramientas.

2,leer (instrucciones)<img>La clase de imagen en el marcado. Por ejemplo, el tamaño de la imagen destacada es width="480" height="300".

3. Abra el panel de control de WordPress y vaya a la secciónAjustes → Medios. Cambie el tamaño a su tamaño de imagen preferido y haga clic en "Guardar cambios"..

Si regenera las miniaturas de las imágenes, puede hacerlo instalando y activando la aplicaciónreGenerate Thumbnails Avanzado WordPress plugin para hacer esto.

• En primer lugar, en el panel "plug-in (componente de software)"→"Añadir nuevo plugin", escriba reGenerate Thumbnails Advanced en el campo de búsqueda y pulse "intro" para confirmar.
• A continuación, haga clic enInstalar ahoraademásactivar.

Tras actualizar la página desde"Herramientas" → "Regenerar miniaturas".y, a continuación, haga clic en el botón"Re-generación" . Redimensionará automáticamente las miniaturas de WordPress para todas las imágenes existentes.

2. Tema del bloque

Modificando el editor del sitioen la plantilla para cambiar el tamaño de las imágenes destacadas de WordPress. Siga los pasos que se indican a continuación para abrir la plantilla:

1, desde el panel de control de WordPress a la carpetaApariencia → Editor de archivos de temas.

2,Seleccione el fichero que desea modificar::

• Seleccione el tema que desea modificar en el editor.
• Normalmente, el código de la imagen destacada se encuentra en la sección single.php tal vez página.php o a veces en el archivo funciones.php o archivos de sección de plantilla como contenido.php Medio.

3,Modificar el código de la imagen destacada::

• Busque el código que llama a la imagen destacada en el archivo PHP correspondiente, normalmente el archivo the_post_thumbnail() o una función similar.
• Puede especificar un tamaño de imagen que ya exista (por ejemplo miniaturaymedioygrande tal vez completo), o utilice la función add_image_size() existe funciones.php para crear un nuevo tamaño de imagen. Ejemplo:

add_image_size('custom-size', 800, 600, true); 

A continuación, tras llamar al the_post_thumbnail() al especificar este nuevo tamaño:

the_post_thumbnail('custom-size').

4,Actualizado y probado::

5,Estilo de ajuste (opcional)::

• Si necesita ajustar más el estilo de una imagen (por ejemplo, márgenes, marcos, etc.), puede hacerlo con CSS. Estos estilos suelen encontrarse en la sección style.css está configurado.

Cómo configurar automáticamente las imágenes destacadas en WordPress

utilizarImágenes destacadas rápidasEl plugin facilita la creación de imágenes destacadas predeterminadas.

En primer lugar, en el panel "plug-in (componente de software)"→"Añadir nuevo plugin", escriba Imágenes destacadas rápidas en el campo de búsqueda y pulse "intro" para confirmar.Instalación y activación.

Después de actualizar la página, navegue desde el panel de control de WordPress hasta la secciónImagen destacada → Imagen por defecto.

Activa la segunda regla, que designa la primera foto de una entrada o página como imagen destacada.

Como alternativa, cree reglas personalizadas que asignen imágenes destacadas por defecto.

Haga clic en el tercer paso del"Seleccionar imagen"y, a continuación, seleccione la imagen destacada predeterminada. Cuando haya terminado, haga clic en"Guardar cambios".

Cómo añadir vistas previas en miniatura a los listados de entradas y páginas

El panel de administración de WordPress muestra información sobre entradas y páginas, como autor, fecha de publicación, categoría y número de comentarios. Si tienes instalado el plugin 'Quick Featured Image', también puedes mostrar miniaturas en esta lista, para que de un vistazo puedas ver qué contenido tiene una imagen destacada configurada.

Ir del cuadro de mandos aImagen destacada → Ajustes. EnColumna de imágenes destacadas en la lista de entradasEn la sección, marquetarjetaresponder cantandopágina web. A continuación, haga clic en la parte inferior de la páginaGuarda los cambios.

Navegar a Posts → All PostsVe a la lista de entradas y verás una nueva columna para previsualizar las imágenes destacadas, con la posibilidad de cambiar, editar y eliminar imágenes destacadas antiguas.

Cómo activar las imágenes destacadas de WordPress

La mayoría de los temas de WordPress admiten imágenes destacadas y permiten subir imágenes a cualquier entrada o página. Sin embargo, es posible que algunos no admitan imágenes destacadas queDebe activarse manualmente.

Temas clásicos

Añadiendo el siguiente fragmento de código al temafunciones.phppara añadir manualmente soporte para imágenes destacadas a cualquier tema de WordPress:

add_theme_support( 'post-thumbnails' ).

Los temas ahora deberían soportar imágenes destacadas y los ajustes deberían estar disponibles en el editor. Sin embargo.Añadir compatibilidad con temasLa bandera habilita sólo el soporte y no mostrará una imagen en el front-end.

Para que el tema muestre imágenes destacadas en todas las entradas y páginas, añada el siguiente fragmento de código a la plantilla del tema:

<?php the_post_thumbnail(); ?>

Para mostrar imágenes en entradas y páginas, añada el código a las plantillas correspondientes, normalmentesingle.phpresponder cantandopágina.phpTambién puede aplicar código PHP a cualquier archivo de plantilla personalizada. También puede aplicar código PHP a cualquier archivo de plantilla personalizada.

Navegando hasta"Apariencia" → "Editor de archivos de temas" para utilizar el Editor de archivos de temas.Busque el archivo de plantilla en la columna de la derecha.

Sugerencias para elegir las imágenes destacadas de WordPress

Utilizar la imagen adecuada

Las imágenes destacadas de WordPress deben representar adecuadamente el contenido. Una de las mejores prácticas es crear imágenes destacadas con un diseño único que tengan el mismo estilo que tu blog.

Si estás empezando a crear un blog de pasar porCC0 Sitios de imágenes con licenciaCreative Common Se pueden encontrar imágenes destacadas adecuadas. También se puede encontrar en laPexelsresponder cantandoUnsplashBusca imágenes CC0 en plataformas materiales como wordpressCatálogo fotográficoContiene miles de imágenes CC0 subidas por colaboradores.

Optimice su imagen destacada

Utiliza distintos métodos de compresión de imágenes, como la compresión con y sin pérdidas, para optimizar archivos de imagen en distintos formatos, como PNG, JPG y GIF. De este modo, podrás reducir el tamaño de los archivos y acelerar la carga de las imágenes en línea, sin perder su nitidez.

Aquí tienes algunos plugins optimizadores de imágenes recomendados:

• Optimizador de imágenes ShortPixel 
• Imagify 
• WP Smush 
• Optimole

llegar a un veredicto

WordPress tiene soporte incorporado para imágenes destacadas y también puede establecer imágenes destacadas automáticamente. Optimizar las imágenes y añadir texto alternativo al configurarlas ayudará a mejorar tu SEO.