Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] Cambiar el Width y Height al codigo de una imagen  

 
Ele
 Ele
Usuario experto

Buenas tardes! 😊 

Para solucionar un problema típico de page speed necesito quitar del código de una imagen "auto" y poner los valores que tengo asignados en el wordpress a esa imagen pero no sé donde,

agradezco vuestra ayuda como siempre! gracias

Contenido solo visible a usuarios registrados

Respondido : 27/05/2021 5:27 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Ele,

Podrías mostrarnos cual es la imagen que deseas modificar, dependiendo de como la agregaste es que podremos hacer la modificación que requieres

Saludos!

Respondido : 27/05/2021 5:33 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ele
 Ele
Usuario experto

@bruno-vichetti Hola bruno se trata de una imagen subida a la biblioteca de medios de mi wordpress, mi pregunta es donde puedo cambiar ese código por si me surge nuevamente gracias

Respondido : 27/05/2021 6:26 pm
Ele
 Ele
Usuario experto

wpdoctor-revisa-la-salud-de-tu-wordpress

Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Ele,

Entiendo pero desde la biblioteca de medio pese a que puedes gestionar las imágenes que subas no es el lugar donde estas utilizando dicha imagen, digamos que colocaste esta imagen como contenido en un post, los atributos de alto y ancho (Height and Width) debemos modificarlos es en la estructura del post.

Por ello compártenos por favor la URL del sitio donde estas utilizando la imagen que deseas modificar los atributos ya mencionados.

Saludos

Respondido : 27/05/2021 7:02 pm
Ele
 Ele
Usuario experto

Esa imagen aparece en todas las páginas de la web, utilizo el theme Divi, lo que quiero saber es cómo modificarlo. Por lo que comentas debo ir página por página entrando en los bloques donde aparece la imagen e ir cambiando ahí el tamaño? No me queda claro, muchas gracias.

Ejemplo de una de las urls donde aparece, también en la cabecera y pié.

https://www.vicom-cubiertasecologicas.com/cubiertas-verdes-vicom

Respondido : 28/05/2021 8:42 am

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola ele.

Necesitamos saber a que imagen te refieres, cada bloque utiliza unas clases distintas y eso se modifica desde CSS.

Adjunta una captura de la imagen que quieres modificar y lo revisamos.

 

Un saludo

 

Respondido : 28/05/2021 9:03 am
Ele
 Ele
Usuario experto

Gracias Pepe, te adjunto capturas de la imagen, como te comenté aparece en todas las páginas de la web. En header y footer.

Captura de pantalla 2021 05 28 a las 10.16.45
Captura de pantalla 2021 05 28 a las 10.16.58
Captura de pantalla 2021 05 28 a las 10.16.53
Captura de pantalla 2021 05 28 a las 10.16.36

 

Respondido : 28/05/2021 9:18 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ele
 Ele
Usuario experto

He visto ésto brujuleando por internet pero si no me corroboráis vosotros no me atrevo a tocar:

Add this PHP Snippet to your site:

add_filter( 'generate_mobile_header_logo_output', function( $output ) {
    if ( ! function_exists( 'generate_menu_plus_get_defaults' ) ) {
        return $output;
    }

    $settings = wp_parse_args(
        get_option( 'generate_menu_plus_settings', array() ),
        generate_menu_plus_get_defaults()
    );

    return sprintf(
        '<div class="site-logo mobile-header-logo">
            <a href="%1$s" title="%2$s" rel="home">
                <img src="%3$s" width="590" height="60" alt="%4$s" />
            </a>
        </div>',
        esc_url( apply_filters( 'generate_logo_href' , home_url( '/' ) ) ),
        esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) ),
        esc_url( apply_filters( 'generate_mobile_header_logo', $settings['mobile_header_logo'] ) ),
        esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) )
    );
} );

Edit this line to add your width and height attributes:

<img src="%3$s" width="590" width="60" alt="%4$s" />

 

Respondido : 28/05/2021 9:33 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ele.

Para la imagen del Header puedes utilizar lo siguiente:

.et_pb_image_0_tb_header {
width: 80%;

}

Para el footer lo siguiente:

footer.et-l.et-l--footer .et_pb_image .et_pb_image_wrap {
width: 80%;
}

Puedes añadirlo en apariencia -> Personalizar -> CSS Adicional.

 

Un saludo

 

 

Respondido : 28/05/2021 9:40 am

Cursos Gratuitos WordPress

Ele
 Ele
Usuario experto

@pepesoler Muchas gracias Pepe, ¿para el resto de págs en los bloques donde aparece?

Respondido : 28/05/2021 9:53 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ele, 

Para editar el ancho y alto de las imagenes que tienes en tu pagina debes editar edta sección y dentro de las opciones de Diseño -> Tamaño establecer las que deseas configura

Mi nuevvo divi

Verifica si desde estas opciones logras modificar lo que deseas

Un Saludo 

Respondido : 28/05/2021 12:40 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ele
 Ele
Usuario experto

@karen Hola Karen, lo cambié pero eso no me soluciona el problema que me da page speed. Quizás deba esperar un poco a que rastreen de nuevo la página. Bueno muchas gracias de todas formas un saludo

Respondido : 31/05/2021 9:23 am