Quick, Easy way to Create “placeholder” images for WordPress and Thesis Theme Sites and Blogs

Even though I have this blog post listed under WordPress Tutorial on my site, it’s really helpful to WordPress Thesis Theme users as well. In this WordPress Video Tutorial, I show you how to very quickly and easily create placeholder images which can really speed up the design of your WordPress blog or website.

I have created blog posts and videos on the proper way to add an image to a blog POST using the Thesis Theme, or the proper way to add an image to a blog PAGE using the Thesis Theme, and yet another tutorial on the proper way to add an image to a sidebar widget. In each of the examples above, you need to copy and paste the URL (or web address that points to the proper image, usually found in your media library) into the proper place.

So how does creating ‘placeholder images’ make my job easier?

Now the typical procedure is to upload the image to the WordPress media library, copy and paste the image URL into the proper location, resize, re-upload, re-paste, etc, etc. until you finally got the size right!  Boring.  Tedious. Hello?
Well, with this very cool website called dummyimage you can create a “placeholder” image, a demo image, a dummy image, if you will, in seconds.  And you don’t have to upload the image to the media library in your WordPress dashboard.  You can skip that step completely!  You can just copy and paste the URL from the dummyimage.com website that creates the the placeholder or dummy image into the proper place in your blog or website. So easy!

Once you watch the WordPress and Thesis Theme Video Tutorial below, all will become crystal clear.

Here are the two websites you will need to complete this wordpress video tutorial:

  1. http://dummyimage.com/    (to create the image)
  2. http://www.w3schools.com/tags/ref_colorpicker.asp
    (to pick your favorite color in hexadecimal code)

Meet the Author

25 comments… add one
  • marquita herald Dec 3, 2011, 4:15 pm

    Very well done tutorial Jim. I’m not a Thesis user, but the subject sounded interesting – and I’m glad I took the time to watch. Never hurts to learn about other products for future reference!

  • Ted Hunsaker Dec 3, 2011, 7:53 pm

    HI Jim,

    Great blog post on how to use the thesis theme. Looks like a great theme for Internet Marketers to use. Looking forward to reading your other posts as well.


  • Herbert Dec 4, 2011, 4:23 am

    This is awesome Jim.. I will be working on this tutorial tonight. Thanks

  • Matsumoto Dec 5, 2011, 11:47 am

    I’d love to work on thesis someday, been contemplating on getting this but the hubby got another one lol, I had to comply…now I know I where to look for tutorials if ever I buy. Thanks!

  • MarkSEO Dec 5, 2011, 12:41 pm

    This is great Jim! I love thesis for it’s flexibility and SEO friendliness. Thanks for sharing this dummyimage tool. Will try this out!

  • Tsinoy Foodies Dec 5, 2011, 1:06 pm

    excellent tutorial with videos to boot!

  • Stef Dec 5, 2011, 6:48 pm

    I am not a thesis user too but this is definitely worth reading and is really a help to those who can make use of it.

  • Nica, Filipino Virtual Assistant Dec 5, 2011, 8:57 pm

    I’m not a Thesis user but so many of my VA friends are so I’m going to recommend it to them. Thanks jim!

  • Donna Merrill Dec 6, 2011, 2:31 am

    Hi Jim. I have not heard of the Thesis at all until now. Thanks for keeping me updated. Although I am working on a project until the end of December and have to stay focused on it, this seems like something I would want to do. Another great learning curve! It is bookmarked and saved for 2012!
    Many Thanks

  • Marvs Dec 6, 2011, 3:08 am

    Very helpful tutorial for WordPress novices like me.

  • Nile Dec 6, 2011, 5:13 am

    I normally use the simple thumbnail call (it really is a custom field) that is built into WordPress and code the thumbnail with css. Less on the backend for data resource. However, this is a great tutorial and I see it used in quite a few places, mainly Thesis framework.

    One of my clients had several thumbnails areas and I just added extra calls for those different sizes (she had one for her blog’s front page thumbs, one for the top of her single posts that was bigger, and one that was for her category page thumbs).

    Thank you for sharing your tutorial!

  • Tristan Dec 6, 2011, 5:27 pm

    As always Jim, another great tutorial for Thesis WordPress theme! I’ll definitely come back here for more.

  • David Merrill Dec 6, 2011, 10:03 pm

    I’m thinking of building some mini-niche sites, Jim, and WP or WP Thesis seems to be the most effective way to go.
    This is a really helpful tutorial to help me do some design work for my sites. Perfect timing for me. Thanks.

  • clare Dec 6, 2011, 10:13 pm

    Hi Jim,
    is this just for Thesis theme? You know I run this theme. I was excited to see this since I had been struggling with how to get my images looking as professional as yours – LOL! you offer so much value here – I hope others realize how talented and generous you are with your time and knowledge! I will use this process – it is easily understandable for a non-geek! Thanks again!

    • jupiterjim Dec 22, 2011, 3:05 pm


      This works on every WordPress Theme and every HTML website as far as I know.

  • Vernon Dec 8, 2011, 10:37 am

    Love this tutorial. This is very useful one. I will try to use this Thesis Theme in WordPress because I really amaze with this tutorial.

  • Donna Merrill Dec 9, 2011, 1:47 pm

    Hey Jim, Just came back to this blog because I have bookmarked it and ready to look into it. You have given such great information here on Thesis, I just had to come back.
    Thanks Jim for keeping me updated on so many things.

  • krill oil benefits Dec 10, 2011, 6:52 pm

    great helpful blog, im new to WordPress, youve really helped me

  • Pete Goumas Dec 14, 2011, 6:47 pm

    Jupiterjim thanks for sharing! Very Helpful!

  • serge Dec 22, 2011, 5:44 pm

    Hi Jim, didn’t know for dummy images… nice stuff here.

    Other approach is to have thesis post images even more flexible/easy to set up ( i hate pasting links in there lol)

    see video here : http://thesistut.com/store/wordpress-featured-image-thesis/

  • Gabriel Gutierrez Dec 27, 2011, 5:40 pm

    Thanks for the great help I’ll try to check it later..

  • PSD TO WORDPRESS Jan 2, 2012, 9:39 am

    Well actually thanks for sharing that is really useful for me keep sharing with us….!

  • Gravity Fashion Jan 5, 2012, 5:50 am

    WOW… it’s great way to place an image…. It w’ll be beneficial for promoting your business.I’ll definitely work like this….

  • panagiotis Jan 10, 2012, 11:40 am

    Thanks for the social media marketing and public relations SEO tips

  • julie Feb 10, 2012, 1:16 pm

    great thesis tutorial, i think thesis is great, its flexible and SEO friendly. off to try out this dummyimage tool.

Leave a Comment