This article is going to teach you the best ways to align your photos in WordPress.
You want to start by writing your article first. A lot of people think that it is better to have the images in first and then add the text around it, but that is actually not the best way. It is much harder to get around the images in the way you like if you do it that way.
Lets start by putting our first image in our article with a left alignment. You are going to want your cursor exactly where you want your image. Once you have it there you are going to click the add media button located under your “Add New Post” title.
Then you are going to select the image you want. You will notice in the right side bar under attachment details there is an alignment option.
In the pull down menu there are left, right and center options.
Select the position you want and hit the insert into post. It should look something like this:
If you decide that the picture would look better with a right alignment you do not need to delete it and go through the process again, you simply need to move your mouse over the image and choose the “little picture” option in the right hand corner.
That will bring up an edit image window. Here you can change the alignment of the image from left to right or center.
Here is what the image looks like with a right alignment:
And with a center alignment:
Now you don’t always have to put the image at the beginning of the post, you can place it in the middle and in that case it will look like this:
And for you code lovers out there, you can also quickly align images in a WordPress post in the text editor. To do this you need to switch from the Visual to the Text editor. Once you are there and your image is already placed, you need to find the selection in the image that says class=align like here:
Simply change the alignment from left to center or right. Aligning images is so quick and easy this way that even if you are not super comfortable with coding you can still use this.
That is how you align images in a WordPress post. Don’t be afraid to play around with where you place the images, as long as the text is already in the post making it look how you want it to will be no problem at all. You can place the images first, it just makes it much harder to edit so give it a try and figure out which way works best for you.
For more information
- How to Post a Picture and Video in a Comment on WordPress
- WordPress Usage Statistics
- How to Cite More than One Contributor on a Post
- How to create a Link in the WordPress Visual Editor
- How to Report Bugs in WordPress
- How to Add Captions to Images in WordPress
- How to Code POUR-ly
- How to Post a Picture and Video in a Comment on WordPress
- Poetry Publishing on WordPress
- How to embed a Google map in a WordPress page/post.
Nicely done! I would bold “You are going to want your cursor exactly where you want your image.” for me that is the highlight of this whole article. I often add media and can’t get it where I want it! Love the screen captures. Adds alot!
Excellent article. You really will help people figure out how to align images in their posts. And Michael is right. Working with the visual editor, it’s easy to lose track of where your images are going.
I’d love to see a little bit on quick editing of the alignment CSS in the Text Editor added to this.