Thumbnails with custom size

  • Resolved Alexandre Tavares

    (@tavaresalexandresilva)


    9 years ago

    I’m trying to use thumbnails with custom size.

    I placed add_theme_support( ‘post-thumbnails’ ) in functions.php to start the wordpress thumbnail suport for the theme.

    After I placed some custom sizes:

    add_image_size( ‘post-single-img-size’, 785, 350, true );
    add_image_size( ‘post-1-large-img-size’, 592, 350, true );
    add_image_size( ‘post-1-small-img-size’, 296, 175, true );

    When I uploaded an image and I call the_post_thumbnail(‘post-1-large-img-size’); in the index.php, I see the image with disproportionate size.

    Whit the HTML code like this

    <img width="1920" height="1080" src="https://mydomain.com/wp-content/uploads/2017/04/XO_010.bmp.jpg" alt="" />

    The src points to the original image.

Viewing 13 replies - 1 through 13 (of 13 total)
  • jegbagus

    (@jegbagus)

    9 years ago

    if you create custom size after your image being uploaded, it may not generate the custom image yet. you will need to regenerate the image. you can use image generator plugin like this one : https://wordpress.org/plugins/regenerate-thumbnails/

    Thread Starter Alexandre Tavares

    (@tavaresalexandresilva)

    9 years ago

    I uploaded a new image.

    jegbagus

    (@jegbagus)

    9 years ago

    how about trying to upload jpg instead bmp?

    Thread Starter Alexandre Tavares

    (@tavaresalexandresilva)

    9 years ago

    Yes. The problem continues.

    <img width="1920" height="1080" src="https://mydomain.com/wp-content/uploads/2017/04/1318fa85a6ecbdcfafb3d55f26573bd2-1.jpg" alt="">

    ikaring

    (@ikaring)

    9 years ago

    Do you see class attr and srcset attr in the img tag?
    If not, you might have changed the output of the_post_thumbnail with filter hook or some sort.
    If yes, I would check if there is a syntax error in functions.php before/after the add_image_size.

    BTW, what if you call the_post_thumbnail(); without args?
    Does it show thumbnail image?

    mdshak

    (@mdshak)

    9 years ago

    What is the actual size of image that is uploaded by you?

    jegbagus

    (@jegbagus)

    9 years ago

    ikaring is right. the result seem weird. your image tag don’t have any class. some code may overwrite how the_post_thumbnail work.

    mdshak

    (@mdshak)

    9 years ago

    Definitely any plugin is overriding your code. Try deactivating all plugins. If that resolves the issue, reactivate each one individually until you find the cause.

    Thread Starter Alexandre Tavares

    (@tavaresalexandresilva)

    9 years ago

    I’m sorry. I thought that class is not important information. The complete output is

    <img width="2048" height="1049" src="https://mydomain.com/wp-content/uploads/2017/04/294069.jpg" class="attachment-post-1-large-img-size size-post-1-large-img-size wp-post-image" alt="" />

    If I call the function without argument. I have the same result.

    If a use functions.php with just add_theme_support( ‘post-thumbnails’ ); nothing more, and I call the_post_thumbnail(); I have the same result.

    If I call the_post_thumbnail(‘medium’); I have the output:

    <img width="300" height="225" src="https://mydomain.com/wp-content/uploads/2017/04/wallhaven-444701.jpg" class="attachment-medium size-medium wp-post-image" alt="Alternativo" />

    I don’t know the default value for medium size, but I believe that is 300×225. The problem is src continues pointing to the original image.

    —

    I’m uploading image with different sizes:

    1440×960
    1411×1068
    960×540
    1024×540
    1920×1200

    And others

    —

    I don’t have any plugin activated.

    ikaring

    (@ikaring)

    9 years ago

    It seems images are not generated.
    Is there a thumbnail image https://mydomain.com/wp-content/uploads/2017/04/wallhaven-444701-300x225.jpg ?

    Please check that your hosting provider has the GD Image Library extension installed and enabled.

    Thread Starter Alexandre Tavares

    (@tavaresalexandresilva)

    9 years ago

    It worked!!! I installed the GD Image Library and everything is working now. Thank you all!

    mdshak

    (@mdshak)

    9 years ago

    Glad 🙂 to know this.

    ikaring

    (@ikaring)

    9 years ago

    Yeeey, congrats!

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Thumbnails with custom size’ is closed to new replies.