Social Icons

twitterfacebooklinkedinbehancerss feedemail

Tuesday, April 16, 2013

Wordpress Quirks: Why Featured Images Don't Display As Thumbnails On A Newly Installed Theme

Wordpress Quirks: Why Featured Images Don't Display As Thumbnails Correctly

One of the more stranger issues kept our team on our toes during a Wordpress project recently. We couldn't figure out why in the world any post or page containing a featured image wouldn't re-size when it was being displayed within any of the site's widgets or page elements. In fact it would display the image at it's full size. Imagine a typical recent posts widget containing a bunch of images that are more than 700px wide each. Should be an easy fix right?

At first we installed the theme on a local version of Wordpress to see if it was a glitch in the theme itself. The images were displaying correctly on our local setup so we then tried removing the theme completely and reinstalling it. No such luck with that either. Then we went through all the fixes we found from doing the rounds on google and searching through the Wordpress forums. The most popular solution seemed to be a code addition to the functions.php file:

if ( function_exists( 'add_theme_support' ) ) {
  add_theme_support( 'post-thumbnails' );
  set_post_thumbnail_size( 350, 150, true );

  add_image_size( 'post-thumb', 350, 150, true );
}
http://wordpress.org/support/topic/cannot-select-featured-image-sizes-only-original-size

Even though we tried it, we knew this solution didn't make sense because this code never had to be added before in order for thumbnails to display at the correct size in previous themes. We even tried reaching out to the theme creator for help and this seemed to even stump them.

To make a long story short, after we set permissions to allow the image directories to be editable, we simply had to remove the images from every post and re-upload them back to the server.

wordpress/wp-content/uploads
 
In other words, the problem resided in the fact that we began to edit the site before all file permissions were set. Once we fixed the permissions, the images needed to be removed and uploaded again.

Quick Solution: Remove all images that are not displaying corrects and upload again to your host.

13 comments:

  1. great points altogether, you simply received a new reader. What may you recommend about your post that you just made a few

    days ago?

    CMS developer London

    ReplyDelete
  2. its very useful and helpful information of web designers.


    web designing in chandigarh

    ReplyDelete
  3. minneapolis-web-designOctober 22, 2013 at 9:10 AM

    WordPress is one of the best thing where you can

    ReplyDelete
  4. minneapolis-web-designOctober 22, 2013 at 9:13 AM

    WordPress is very find and best way to design website.Its really nice to see here about this.I have seen this before I like to work on this thing.

    queens-web-design

    ReplyDelete
  5. Thanks also for sharing your knowledge by making this blog.

    Wordpress Development in India

    ReplyDelete
  6. Web designing is one of the challenging work that I really love.Web designer

    ReplyDelete
  7. These
    blogs are quite incredible that have provided the best knowledge.

    Infographic Design Birmingham

    ReplyDelete
  8. Webzin Infotech expertise does not limit itself to web development but also it includes Search Engine Optimization, E-Commerce, Graphic designing, Web Designing, Website Hosting, Web marketing, Website Management and linking (one way, two way, three way).

    website
    development company

    ReplyDelete
  9. According to your need,requirements and preferences Webzin Infotech can offer several business models that suit your requirements and budget.
    SEO
    company India

    ReplyDelete
  10. Your detailed
    blog is very attractive and useful. It really helps other to get such
    information. Keep doing work. Let me know any new and interesting stuff, will
    put a trackback to this post!

    ReplyDelete
  11. I'm not sure where you are getting your info, but great topic. I needs to spend some time learning much more or understanding more. Thanks for excellent info I was looking for this info for my mission. Website Designing in Lahore

    ReplyDelete
  12. Providing effective Best SEO Services in Dubai web design to improve the customers for websi

    ReplyDelete
  13. Customized Application Dubai :- ARESCreations is an one stop IT Solution provider. We deal into Website Design, Website Development, Customized web application, SEO Services and Web Hosting.

    http://www.arescreations.com

    ReplyDelete

ShareThis

 

What We Do...

Queens Web Design and Graphics is a web and graphic design company in Queens, NY specializing in providing local businesses with affordable websites offering design, animation and multimedia services. Learn More...