Avisos
Vaciar todo

[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

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

Pepe
 Pepe
Soporte CMS Webempresa Moderator

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

Cursos Gratuitos 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 Moderator

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

Gestor de Contrase帽as - VPN Conexi贸n Segura - Gestor 2FA (Segundo Factor de Autenticaci贸n

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

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

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