WordPress ships with a WYSIWYG (“what you see is what you get”) editor that makes authoring posts and pages relatively simple. Nevertheless, the WordPress editor can be a little confusing for first time users, so this will be the first in a series of posts to help first time WordPress authors quickly learn the basics.
This post covers the basics of inserting images into a post. I’ve noticed two image-related things that people seem to miss when beginning with WordPress:
- You need to insert your cursor at the beginning of the paragraph where you want the image to appear before uploading an image
- To adjust the image after insertion, click on the image to reveal an icon with a mountain on it; click this icon to edit the image’s appearance.
This is easier explained in a short video:
Screencast: WordPress Images Basics
(if the screencast is too small to read, feel free to click the little square icon at the bottom right of the video once the screencast starts playing to view it in full screen mode)
In summary, to insert images into a WordPress post or page:
- Before inserting an image, put your cursor at the beginning of the paragraph where you want the image to appear. Even if you want the image to be aligned on the right side of the paragraph, place the cursor at the beginning of the paragraph.
- Select the insert image icon. This is the first icon to the right of the “Upload/Insert” text on the top of the WordPress editor.
- A dialog box will appear, hit “Select File” to upload a file from your computer.
- Adjust the title, alignment, and size of the image and the select “Insert into Post”
- Now the image will appear in the editor approximately how it will look in your post. If you want to make adjustments to the image, click the image. Two icons will appear at the upper left of the image. Select the leftmost icon that has a picture of a mountain on it. A dialog box will appear where you can adjust the size, alignment and other properties of the image. Select “Update” when you’re happy with your changes.
- Use the “Preview” button in the WordPress editor to see how your post will really look on your site before publishing your post.
- Don’t forget to “Save Draft” or “Publish” your post.
Hope this helps! Stay tuned for more WordPress tips!
View the screencast at screencast.com: WordPress Help: A Beginner’s Guide to Inserting Images into Posts
Follow ChirpUp on Twitter
"Become a Fan" at Facebook
LinkedIn
Zabada, Inc.
Andy Sernovitz
CopyBlogger
Gary Vaynerchuk
ProBlogger
May 22nd, 2009 at 9:21 am
Hello,
Your post is useful. Great, thanks.
However, I tried puttig two images besides (in an horizontal way, one on the left and the other one on the right).
As a result, the following text display in the middle of the 2 images.
I tried putting the 2 images inside html tags but it doesn’t work.
I finally decided to put the 2 images : one on the botton and the other on the top. It quite not satisfaying and it’s frustating.
Let’s have a look (at the middle of this post : http://www.accent-circonflexe.net/contenu-editorial/la-reputation-des-mots
Anyway, it doesn’ matter really but I hope one day you will write an article on this topic.
July 6th, 2009 at 4:47 pm
This was a nice demo – I have just moved my blog from Blogger to WordPress. Do you know if a demo about which plugin to use to put an image into the sidebar? I’ve managed to do virtually everything else (stats etc) but all the plugins for images seem to be really difficult – plus they do not make it clear how to get things in the sidebar.
Any advice gratefully received.
Thanks, Neil
October 7th, 2009 at 2:02 pm
I tried uploading images and I am new at wordpress, however instead of an image showing in my blog I have a box with an x. Viewers have to click the image to go elsewher and view it. Any sugestions on how to correct this?
April 2nd, 2010 at 8:19 am
This is a good piece of content, I was wondering if I could use this blog post on my website, I will link it back to your website though. If this is a problem please let me know and I will take it down right away.
April 2nd, 2010 at 8:58 pm
Hi Norman – thanks for compliment. Feel free to link. What’s your website?
April 22nd, 2010 at 5:00 pm
Excellent site, where did you come up with the information in this blog? I’m glad I found it though, ill be checking back soon to see what other articles you have.
June 8th, 2010 at 7:43 am
I’m happy I discovered this blog, I couldnt find any info on this topic before. Also operate a website and in case you are ever serious in doing some visitor writing for me make sure you feel free to let me know, i’m always look for people to check out my weblog. Please stop by and leave a comment sometime!
July 20th, 2010 at 2:24 pm
Great Blog! Saved it to my Bookmarks for future reference
August 24th, 2010 at 3:56 am
success.
December 23rd, 2010 at 8:24 am
hey there i ve read your whole post.really thanks
July 25th, 2011 at 3:57 pm
Thanks so much for this wonderful website;this is the kind of thing that keeps me on track through these day. I’ve been looking around for this site after I heard about them from a buddy and was thrilled when I found it after searching for long time. Being a avid blogger, I’m hopeful to see others taking initivative and contributing to the community. I just wanted to comment to show my approval for your blog as it’s very appleaing, and many writers do not get acknowledgment they deserve. I am sure I’ll visit again and will recommend to my friends.
July 26th, 2011 at 6:12 pm
Very gripping blog blurb.
August 4th, 2011 at 5:48 am
Hi Rob Lambert
A good article, keep them coming…
Thanks
Paul
August 5th, 2011 at 9:38 am
It is appropriate time to make some plans for the future and it’s time to be happy. I have read this post and if I could I desire to suggest you some interesting things or suggestions. Maybe you could write next articles referring to this article. I desire to read even more things about it!
August 7th, 2011 at 5:21 pm
Magnificent beat ! I wish to apprentice while you amend your website, how can i subscribe for a blog website? The account helped me a acceptable deal. I had been a little bit acquainted of this your broadcast provided bright clear concept
August 8th, 2011 at 8:11 am
I like the valuable info you provide in your articles. I’ll bookmark your blog and check again here regularly. I am quite sure I’ll learn lots of new stuff right here! Best of luck for the next!
August 30th, 2011 at 2:44 pm
Learned a lot from this piece, write some more.
August 31st, 2011 at 1:37 pm
9. We’re a group of volunteers and starting a new scheme in our community. Your site offered us with valuable information to work on. You’ve done an impressive job and our whole community will be grateful to you.
August 31st, 2011 at 6:47 pm
I am curious to find out what weblog platform you are employing? I’m having some minor security issues with my latest website and I’d like to discover something far more risk-free. Do you’ve any solutions?
September 1st, 2011 at 9:55 pm
Very satisfied with the blog post, appreciate it.
September 2nd, 2011 at 4:18 pm
Hello, I’ve been reading your blog for quite awhile and it’s among my favorites. I like what you have to say and want to congratulate you! It’s obvious that you are a seasoned writer and it’s always nice to read your posts.
September 6th, 2011 at 1:01 pm
We end up needing?? parttime homebased employeesand superb information about On the web Careers regarding Filipino’s
September 8th, 2011 at 4:04 pm
Just what I was looking for, regards for putting up. “There are many victories worse than a defeat.” by George Eliot.
September 9th, 2011 at 8:24 pm
Thank you for the auspicious writeup. It if truth be told used to be a leisure account it. Glance advanced to more introduced agreeable from you! However, how can we communicate?
April 24th, 2012 at 5:28 pm
Aw, this was a very nice post. Taking a few minutes and actual effort to create a top notch article… but what can I say… I put things off a lot and don’t seem to get anything done.
April 24th, 2012 at 5:31 pm
You’ve made some decent points there. I looked on the web for additional information about the issue and found most people will go along with your views on this website.