Cómo cambiar el tamaño de la imagen de WordPress a altura fija y ancho automático

1 minuto de lectura

Tengo un control deslizante de WP con tamaños de img personalizados (ancho y alto fijos) y necesito que se escalen a una altura fija de 330 px y un ancho automático. ¿Cómo lograr esto?

¡gracias de antemano!

avatar de usuario
Rokas

Como esta era una pregunta específica de wordpress y encontré una respuesta, la compartiré. Cuando agregue un tamaño de imagen personalizado a functions.php, agregue 9999 al ancho y hardCrop a false.

add_image_size('slider-thumb-alt', 9999, YOUR_FIXED_HEIGT, false);

  • ¡Dios por qué no he pensado en eso!

    – Cara de guerra

    10 de octubre de 2018 a las 0:08

  • Luego, puede usar el complemento Tamaños de imagen simples para generar las miniaturas de tamaño modificado.

    – ben

    16 de agosto de 2019 a las 11:18

Primero, al importarlos a través del administrador de medios, puede definir el tamaño nativo. De lo contrario, tendrá que codificarlos como mencionó @Dan Grossman. Necesitamos más información. ¿Enlace del sitio y nombre del control deslizante?

<img src="http://www.example.com/image.jpg" height="330" />

Parece que ya tienes una idea bastante decente de lo que necesitas. Usa css para hacer esto.

Por ejemplo:

<img src="http://www.example.com/image.jpg" class="image_class"/>

<style>
.image_class{
width: auto;
height:330px;
</style>

Querrás segmentar según la clase (en lugar de todas las imágenes con img{...}). No he usado WP Slider, pero supongo que agregará una clase personalizada a las imágenes en el control deslizante. Si es así, simplemente use las herramientas de desarrollador en el navegador, o vea la fuente, para ver qué clase se agrega a estas imágenes, luego cree el css como el anterior.

¿Ha sido útil esta solución?