I’ve been using Wordpress for a while now and it’s very easy, which is cool, but I want to branch out and start including photographs and other graphics in my postings. I tried dragging and dropping images onto the edit window and it was a fail. How do I add graphic pictures to my blog entries, Dave?
The blog entry editor in WordPress has grown in sophistication and is now a very nice little Web page editor unto itself, which has certainly helped fuel the growth of blogging as a publishing tool for everyman. Nonetheless, there are still some nuances that are darn useful to figure out, most notably including how to upload and insert images and pictures into your blog entries.
To document it, I borrowed the Blogworld Expo Weblog, which is running WordPress version 2.6.2. The screen shots will reflect that version, but yours should look quite similar even if you have an older or newer version of WordPress.
(To get the latest version, you can always just pop over to wordpress.org where it’s available for free. Thanks, Matt!)
Okay, on with the show!
When you’re typing in an entry, odds are very good that you’re smart and using the built-in HTML tools so that you don’t have to learn some obscure markup language. That means that you’re in the “Visual” mode, as you can see in the following screenshot:
Notice there that the cursor is over the little “image” icon. Make sure that your cursor insert point in the blog entry itself is where you want the image to appear, then click on the little Add an Image icon, as shown.
A pretty big window pops up with lots of options:
Since you want to upload an image rather than use one that’s already online, click on the “Choose files to upload” button, as shown. If you knew the URL of an image you wanted to include (perhaps because you had already uploaded it to Photrade, Flickr or Photobucket) you could instead just copy and paste the image address into the “Source” box).
When you click on the button, a standard file selection window pops up, one that you’ve probably seen hundreds of times before. This is a Mac OS X one, but the process is identical if you’re running Windows, of course:
I’ve picked out the image I want to upload at this point, so all I have to do is click “Select” to have it actually uploaded to the server. I do that and we’re back to the image insertion (actually image gallery) window:
Skip the first few lines (which are confusing and probably shouldn’t be shown) and you’ll see that the image is now previewed, along with a bunch of optional settings for title, caption, description, and so on.
Take a few seconds to make the title descriptive (and, yeah, a keyword or two sprinkled in here would be a good thing too for findability), then scroll down to the bottom:
This is where you can adjust the size and alignment of the image. My recommendation is that if the image is small, left or right align it so that text flows around the image in a way that’s quite attractive, but if it’s large, center it (as I do with the pictures, um, screen shots, in this blog entry).
Almost always, I also recommend that you have “full size” as the size picked. The only time that might not be a good choice is if you have uploaded some really big photographs or images.
Finally, and this is a key step that lots of new folk forget, don’t choose “Save all changes” but click on “Insert into Post” to actually add the image to your blog entry!
Now the editor will show you a shiny new photo, picture, image, graphic, whatever you just uploaded:
That’s it. Publish this blog entry and you’ll find the image neatly included therein!
Hello,
I have a problem to my blog site. It’s new and it has two posts. Can somebody tell me how to solve my problem here, I posted two blogs but why can’t I see nor any visitor see the blog in FULL? It just shows the first few statements, I can’t even see the photos I upload to the blog content. I didn’t make it private, I chose the PUBLIC type so that it will be shown to the public but it’s not working. Please see for yourself – http://dogtrainingtechniquetips.com/ and help me out.
Thank you.
thanks for post amazing..
thats it was really simple. thanks
Thank you. This worked perfectly. =]
Try this out if you still have some problems with uploading images…
http://peekablog.net/2008/09/wordpress-images-upload-fixed/
Sorry about the typo. meant to say stupid
Why is there a problem every time someone asks a question? What if they looked on google and got sent here. Everyone does not know everything. Pass on your knowledge so that person can help someone else.
No question is a stupidf question.
Gerard,
Apparently, you’ve never looked at Yahoo Answers, have you? It’s full of questions that a 30-second online search would answer. It’s also full of the same questions, asked over and over by different people who don’t even use Yahoo Answers search to see if someone asked the exact same question.
Also, it’s sometimes nice to have a “real person” answer a question, and give step-by-step directions with screenshots.
Finally, asking your exact question to Google gives this blog post as the second choice :-), and the rest seem to be aimed at adding Flickr images to blog posts.
What I meant was that the question of “How do I add images to my WordPress blog?” could have been answered with a 30-second Google search. They had to write YOU?
And then again, maybe some people are really good at certain things but figuring out all the nuances and tricks available in WordPress are not in that zone?
Wow. Somebody using WordPress actually had to write and ask you that? I sometimes wonder if people with questions like this have ever heard of “Google.” Maybe it’s a fake question to justify the post and the existence of the blog. Bizarre.