Soporte » Guías – Resolución de problemas » cambiar url imagenes

  • Resuelto Noelia Granado

    (@noelia-granado)


    Hola he buscado solución a esto, pero no lo encuentro. Mi web es http://cafekinetic.es/ Lo que quiero es cambiar el tamaño de la imagen destacada. He modificado el tamaño de la miniatura desde Ajustes/medios a el tamaño que quiero (550x300pxs) y tambien he añadido al css esto:

    .post-box .sidebar .post-thumbnail img {
    width: 550px;
    height: 300px;
    }

    .post-box .fullwidth .post-thumbnail img {
    width: 550px;
    height: 300px;
    }

    para que cambie porque el tamaño que le da el tema. El problema es que no se cambia porque la url de la imagen es diferente. cuando inspecciono el elemento con el navegador, las medidas son correctas pero pone:
    <img class=»lazy» data-original=»http://cafekinetic.es/wp-content/uploads/2014/11/cafe-arábigo-orgánico.jpg» src=»http://cafekinetic.es/wp-content/uploads/2014/11/cafe-arábigo-orgánico-151×82.jpg» width=»550″ height=»300″>

    Es decir que la url es de la imagen de 151x82pxs. Como cambio esto para que coja las imágenes mas grandes??? ya he pasado el plugin para restablecer el tamaño de las imágenes y también uno para crear tamaños de imagen nuevos

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • en tu archivo functions.php debes agregar la siguiente linea donde haya lineas parecidas o iguales:

    add_image_size( 'nombre-del-thumb-nuevo', 550, 300, true );

    Despues en tu template, donde sacas la imagen debes cambiar el mismo parametro:

    the_post_thumbnail( 'nombre-actual' );

    Por:

    the_post_thumbnail( 'nombre-del-thumb-nuevo' );

    intentalo y nos platicas como te fue 🙂

    Saludos!

    Iniciador del debate Noelia Granado

    (@noelia-granado)

    Hola, esto es lo que he encontrado en functions.php

    function jaw_theme_supports() {

    //pomer – wide / classic = 1,205211726
    //1170 – 25
    add_image_size(‘lazyload’, 151, 0, true);
    add_image_size(‘post-size’, 151, 96, true);
    add_image_size(‘post-size-middle’, 375, 241, true);
    add_image_size(‘post-size-big’, 875, 563, true);
    add_image_size(‘team-size’, 274, 220, true);
    add_image_size(‘woo-size’, 274, 293, true);
    add_image_size(‘woo-size-category’, 275, 0, true);
    add_image_size(‘woo-size-square’, 128, 128, true);
    add_image_size(‘woo-size-small’, 170, 187, true);
    add_image_size( ‘nombre-del-thumb-nuevo’, 550, 300, true ); esto lo puse yo
    add_image_size(‘slider-size’, 488, 455, true);

    if (function_exists(‘add_theme_support’)) {

    // Add post thumbnail supports. http://codex.wordpress.org/Post_Tphumbnails
    add_theme_support(‘post-thumbnails’);

    Pero no se donde poner the_post_thumbnail( ‘nombre-del-thumb-nuevo’ );
    esta en el mismo archivo? gracias

    Iniciador del debate Noelia Granado

    (@noelia-granado)

    perdón, también he encontrado esto

    //Themeforrest requipments
    add_theme_support(‘custom-header’, array(
    ‘default-image’ => »,
    ‘random-default’ => false,
    ‘width’ => 1040,
    ‘flex-height’ => true,
    ‘flex-width’ => true,
    ‘uploads’ => true,
    ‘header-text’ => false
    ));
    add_theme_support(‘custom-background’);

    //Woocommerce
    add_theme_support(‘woocommerce’);
    }
    }

    Pero no se donde poner the_post_thumbnail( 'nombre-del-thumb-nuevo' );
    esta en el mismo archivo? gracias

    Esto esta en tu template, cuando carga el post. El nombre ‘nombre-del-thumb-nuevo’ lo puedes cambiar por uno mas sencillo, yo solo lo puse por dar un ejemplo xD

    En mi caso esta en el archivo content.php

    /web/wp-content/themes/mi-plantilla/content.php

    asi:

    <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'thebox' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark">
            <?php the_post_thumbnail(); ?>                                                                      </a>

    Debe quedar así:

    <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'thebox' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark">
            <?php the_post_thumbnail('nombre-del-thumb-nuevo'); ?>                                                                      </a>

    Puede variar en tu template, dependiendo de como este construido.

    Saludos!

    Iniciador del debate Noelia Granado

    (@noelia-granado)

    ok, ahora voy a hacer una pregunta un tanto estúpida, a la carpeta wp-content puedo acceder desde la web? o solo por ftp? porque yo solo puedo acceder a la web desde wp-admin y el ftp lo lleva otra persona.

    No es estúpida, puedes editar el tema en linea, aunque no lo recomiendo pero si es tu unica alternativa…

    En caso que no tengas acceso al archivo va a ser necesario que entres por FTP.

    Navega por el codigo y mira si es posible.

    Saludos.

    Iniciador del debate Noelia Granado

    (@noelia-granado)

    Gracias al final lo haremos por FTP. Porque desde la web es mas lioso. me ha servido mucho.

    Gracias por compartir tu solución.

    Saludos.

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • El debate ‘cambiar url imagenes’ está cerrado a nuevas respuestas.