Soporte » Diseño – Temas y plantillas » Ajustar imagen destacada

  • Resuelto sgosa2001

    (@sgosa2001)


    Buenas tardes:
    Quisiera ajustar la anchura de la imagen destacada a la anchura de la entrada, pero por más que miro no se donde puede hacerlo. Alguien me puede ayudar???
    Gracias.

    Good afternoon:
    I’d like to adjust the width of the featured image to the width of the post, but no matter how hard I look, I don’t know where it can be done. Can somebody help me???
    Thank you.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 15 respuestas - de la 1 a la 15 (de un total de 17)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    Bienvenido al foro de soporte de WordPress. Según indican en el foro del blog el tamaño de las imágenes está declarado en el tema y puedes modificarlo con un código específico:

    How to change image size in Neve

    Ahí te indican cómo cambiar el tamaño de las imágenes por otro fijo. Si lo que quieres es que se adapten al tamaño del contenedor con añadir esto código al CSS personalizado del tema en la ruta Apariencia > Personalizar > CSS adicional lo resuelves:

    .wp-post-image {
        width: 100%;
    }

    Coméntanos si es lo que necesitabas y, por favor, recuerda cerrar el debate marcándolo como resuelto cuando así sea, de esta forma nos ayudas a mantener el foro al día.

    Iniciador del debate sgosa2001

    (@sgosa2001)

    Gracias, funciono perfectamente con ese código.

    Iniciador del debate sgosa2001

    (@sgosa2001)

    Buenas noches:
    Hacde tiempo pregunte como podía poner la imagen principal al ancho completo, pero al final lo tuve que quitar porque me lo hacia en varías páginas y no me gustaba mucho como quedaba. El caso es que ahora sigo dándole vueltas a esta imagen y quisiera saber si me podéis guiar en algunas modificaciones. Adjunto un enlace de una entrada para que entendáis lo que quiero hacer: https://cristoatletico.es/palencia-ca-y-ruben-gala-renuevan-para-2a-rfef/
    Si os fijais la imagen sale a la izquierda y esta cortada, el tamaño original es 1200x675px y en la web se ve a 930x620px puedo modificar algo par que salga completa???
    Gracias.

    • Esta respuesta fue modificada hace 1 mes, 1 semana por sgosa2001.
    Moderador almendron

    (@almendron)

    @sgosa2001

    Sí que te sale completa: https://cristoatletico.es/wp-content/uploads/2021/06/ruben-gala-21-22-930×620.png

    En lugar de poner el enlace a tamaño completo (https://cristoatletico.es/wp-content/uploads/2021/06/ruben-gala-21-22.png), pusiste esa.

    Otra cosa: no utilices imagenes en formato PNG. Usa JPG. Esa foto, por ejemplo, pesa casi 1 MB y eso es una barbaridad.

    Por último: no aproveches debates abiertos. Abre siempre uno nuevo.

    Iniciador del debate sgosa2001

    (@sgosa2001)

    Buenos días:
    Continué en este hilo porque era de lo mismo de lo que quería hablar, pero si lo preferís por organización lo cierro y abro uno nuevo.
    Creo que no me explique bien.
    Ahora lo tengo como viene por defecto y la imagen destacada de la noticia me sale al final de la misma (yo lo tengo configurado así), pero si la observas no se porque sale cortada (la palabra Palencia no sale entera arriba a la izquierda), pero la imagen si que esta subida correctamente. Además quería ponerla a todo el ancho de la página, me recomendásteis este código:
    .wp-post-image {
    width: 100%;
    }
    El problema es que no me hace grande solo la imagen destacada de las entradas, sino las de toda la web, y eso no me interesa.

    https://cristoatletico.es/palencia-ca-y-ruben-gala-renuevan-para-2a-rfef/

    Moderador almendron

    (@almendron)

    Ve a Ajustes > Medios y dime si tienes marcada la opción «Recortar las miniaturas en las dimensiones exactas (normalmente, las miniaturas son proporcionales)»

    El problema no es la anchura (ya está al 100%) sino que la imagen está recortada. No se si es por los ajustes de WordPress o es el propio tema el que hace eso.

    Lo de abrir siempre un nuevo tema es para que tu pregunta la veamos antes. Si escribes en un debate que encima ya está resuelto, lo normal es que no lo veamos.

    Iniciador del debate sgosa2001

    (@sgosa2001)

    Vale, he comprobado lo que me dices de ajustes-medios y efectivamente tenía marcada esa casilla, la he desmarcado, he vuelto a subir las imágenes y sigue saliendo cortada cuando entre en la noticias.

    Moderador almendron

    (@almendron)

    Vacía la cache de W3 Total Cache y luego lo desactivas. Una vez hayas acabado de hacer las pruebas, lo vuelves a activar.

    Moderador almendron

    (@almendron)

    Y no la subas en formato PNG. Pásala a JPG y luego la subes.

    Iniciador del debate sgosa2001

    (@sgosa2001)

    Nada, sigue pasando lo mismo, que desesperación…

    Moderador almendron

    (@almendron)

    Es posible que sea cosa del tema. Luego intento echarle un vistazo.

    Moderador almendron

    (@almendron)

    Ve a Ajustes > Medios y dime como tienes definido los distintos tamaños.

    Moderador almendron

    (@almendron)

    Es el tema el que recorta la imagen:

    Archivo nve/inc/core/front_end.php

    add_image_size( 'neve-blog', 930, 620, true );

    Tienes varias opciones:

    1) Escalar sin recortar:

    add_image_size( 'neve-blog', 930, 620, false );

    2) Lo mismo pero sin especificar altura:

    add_image_size( 'neve-blog', 930, 0, false );

    3) Evitar que se cree esa imagen:

    // add_image_size( 'neve-blog', 930, 620, true );

    En esta caso, no coge un tamaño intermedio sino que pone la original.

    4) Dejarlo como está y subir siempre imágenes que (altura/anchura = 1,5)

    Iniciador del debate sgosa2001

    (@sgosa2001)

    Mira te digo los calores que tengo en ajustes-medios:
    Tamaño de la miniatura 150 x 150
    Recortar las miniaturas en las dimensiones exactas (normalmente, las miniaturas son proporcionales) MARCADA
    Tamaño medio 300 x 300
    Tamaño grande 1024 x 1024

    Y luego he probado las 3 opciones que me das y no me cambia nada. Que desesperación.

    Moderador almendron

    (@almendron)

    1) Recortar las miniaturas en las dimensiones exactas (normalmente, las miniaturas son proporcionales): te dije que las dejaras DESMARCADA. No lo has hecho.

    2) Te dije que desactivaras W3 Total Cache mientras estuvieras haciendo pruebas. No lo has hecho.

    3) Opciones: debes borrar la imagen y luego volver a subirla. Los cambios solo afectan a las imágenes que subas después de hacer el cambio en el código.

Viendo 15 respuestas - de la 1 a la 15 (de un total de 17)
  • Debes estar registrado para responder a este debate.