Cómo cambiar el tamaño de la imagen destacada en WordPress
Las imágenes destacadas (también conocidas como miniaturas de entradas) son una parte esencial de los sitios web de WordPress. Proporcionan un atractivo visual a tus entradas, páginas y listados de archivos, ayudando a atraer a los usuarios. A veces, es posible que necesite ajustar el tamaño de estas imágenes destacadas para adaptarse mejor al diseño de su sitio web. Esta guía te mostrará cómo cambiar el tamaño de la imagen destacada en WordPress, cubriendo varios métodos desde el ajuste de la configuración hasta la edición de los archivos del tema.
Método 1: Cambiar el tamaño de la imagen destacada usando los ajustes de WordPress
Algunos temas le permiten ajustar el tamaño de la imagen destacada directamente desde el personalizador de WordPress o desde los ajustes del tema. Este método es simple y no requiere ningún código.
Paso 1: Compruebe los Ajustes de Imagen en el Personalizador
- Acceda a su panel de WordPress.
- Vaya a Apariencia > Personalizar.
- Busque los ajustes relacionados con Imágenes Destacadas, Miniaturas de Entradas o Ajustes del Blog. Estos ajustes varían dependiendo del tema que esté utilizando.
- Si está disponible, ajuste la anchura y la altura de las imágenes destacadas.
- Haz clic en Publicar para guardar los cambios.
Paso 2: Compruebe los ajustes de imagen en las opciones de tema
Algunos temas premium tienen sus propios ajustes para el tamaño de las imágenes en las Opciones del Tema o en el Panel del Tema:
- Vaya a Opciones de tema en su panel de WordPress.
- Busque una opción relacionada con Ajustes de imagen o Miniaturas de publicación.
- Ajuste el tamaño de las imágenes destacadas según sus preferencias.
- Guarde los cambios y compruebe cómo aparecen sus imágenes destacadas en el front-end.
Si su tema no tiene una opción incorporada para cambiar el tamaño de las imágenes destacadas, puede proceder con los otros métodos a continuación.
Método 2: Cambiar el tamaño de la imagen destacada utilizando la configuración de imagen en los medios de comunicación
WordPress le permite establecer tamaños de imagen predeterminados para diferentes tipos de imágenes, incluyendo imágenes en miniatura, medianas y grandes.
Paso 1: Ajustar Media Settings
- Vaya a Ajustes > Medios en su panel de WordPress.
- Aquí, usted puede ajustar los tamaños por defecto para:
- Tamaño de miniatura: Se suele utilizar para las imágenes destacadas.
- Tamaño medio: Adecuado para imágenes utilizadas dentro de posts.
- Tamaño grande: Para imágenes destacadas a tamaño completo.
- Cambia la anchura y la altura del tamaño miniatura o cualquier otro tamaño que corresponda a tus imágenes destacadas.
- Haz clic en Guardar cambios.
Paso 2: Regenerar miniaturas
Después de ajustar la configuración de medios, necesitará regenerar las miniaturas para aplicar la nueva configuración de tamaño a las imágenes existentes.
- Instale y active un plugin como Regenerate Thumbnails.
- Vaya a Herramientas > Regen. Miniaturas.
- Haga clic en Regenerar miniaturas para todos los archivos adjuntos.
Esto cambiará el tamaño de tus imágenes destacadas existentes para que coincidan con las nuevas dimensiones que has establecido.
Método 3: Cambiar el tamaño de la imagen destacada usando código
Si te sientes cómodo añadiendo código, puedes definir manualmente el tamaño de las imágenes destacadas en el archivo functions.php de tu tema.
Paso 1: Definir tamaños de imagen personalizados en functions.php
- Vaya a Apariencia > Editor de temas.
- Seleccione el archivo functions.php de su tema activo.
- Añade el siguiente código para definir un nuevo tamaño de imagen personalizado:add_theme_support(‘post-thumbnails’); add_image_size(‘custom-featured-image’, 800, 400, true);
- Sustituye ‘custom-featured-image’ por un nombre de tu elección.
- Ajuste 800 (anchura) y 400 (altura) a las dimensiones deseadas.
- El parámetro true garantiza que la imagen se recorte al tamaño especificado.
Paso 2: Utilice el tamaño de imagen personalizado en su tema
Para utilizar el nuevo tamaño de imagen para las imágenes destacadas, actualice los archivos de plantilla del tema (por ejemplo, single.php, archive.php o content.php) donde se llama a la imagen destacada.
- Localice la parte de la plantilla que llama a la miniatura de la entrada, como:the_post_thumbnail(‘thumbnail’);
- Sustituya ‘thumbnail’ por el tamaño de imagen personalizado que haya definido:the_post_thumbnail(‘custom-featured-image’);
Paso 3: Regenerar miniaturas
Después de añadir el código, regenera las miniaturas usando un plugin como Regenerate Thumbnails para aplicar los cambios a las imágenes existentes.
Método 4: Cambiar el tamaño de la imagen destacada usando un constructor de páginas
Si utiliza un constructor de páginas como Elementor, Divi o WPBakery, a menudo puede ajustar el tamaño de las imágenes destacadas directamente a través de la interfaz del constructor de páginas.
Paso 1: Abra la página / post en el constructor de página
- Edita la página o post usando tu constructor de páginas.
- Selecciona el widget de imagen o el widget de entrada donde se muestra la imagen destacada.
Paso 2: Ajustar la configuración del tamaño de la imagen
- Busque la opción Tamaño de la imagen o Tamaño de la miniatura de la entrada en el widget.
- Elija un tamaño predefinido (por ejemplo, miniatura, mediano, grande) o especifique dimensiones personalizadas.
- Guarde los cambios y previsualice la página para asegurarse de que las imágenes se muestran como se espera.
Este método es especialmente útil si tienes diferentes requisitos para diferentes páginas o entradas y quieres tener más control sobre cada instancia de la imagen destacada.
Método 5: Utilizar un plugin para personalizar los tamaños de las imágenes destacadas
Si no te sientes cómodo editando código, hay plugins que pueden ayudarte a crear tamaños de imagen personalizados sin tocar el archivo functions.php.
Plugins recomendados:
- Simple Image Sizes: Este plugin permite crear tamaños de imagen personalizados y gestionar los existentes directamente desde el admin de WordPress.
- Tamaños de imagen personalizados: Añade la posibilidad de definir tamaños de imagen personalizados y utilizarlos en su tema sin codificación.
Cómo usar un plugin:
- Instale y active el plugin de su elección.
- Vaya a la página de configuración del plugin (a menudo se encuentra en Configuración o Medios).
- Define el tamaño de tus imágenes destacadas especificando la anchura y la altura.
- Guarda la configuración y vuelve a generar las miniaturas con la opción integrada del complemento.
Consejos para elegir el tamaño adecuado de la imagen destacada
Cuando ajuste el tamaño de sus imágenes destacadas, tenga en cuenta lo siguiente:
- Requisitos del tema: Consulta la documentación de tu tema para ver los tamaños recomendados para las imágenes destacadas.
- Velocidad de la página: Las imágenes más grandes pueden ralentizar su sitio web, así que utilice el tamaño más pequeño que mantenga una buena calidad.
- Diseño adaptable: Asegúrese de que sus imágenes están optimizadas para dispositivos móviles utilizando tamaños de imagen flexibles o ajustes que se adapten a los tamaños de pantalla.
- Calidad de imagen: Utiliza herramientas como TinyPNG o ShortPixel para comprimir las imágenes sin perder calidad antes de subirlas a WordPress.
Resumen
Cambiar el tamaño de la imagen destacada en WordPress puede hacerse de varias formas, desde usar el Personalizador y los ajustes multimedia hasta editar el archivo functions.php o usar plugins. Elija el método que mejor se adapte a su nivel de comodidad y a la flexibilidad que necesite. Al establecer el tamaño correcto de la imagen destacada, puedes mejorar el diseño de tu sitio web, mantener la coherencia entre las publicaciones y mejorar la experiencia del usuario mientras mantienes los tiempos de carga de la página bajo control.
