Cropping Images in WordPress

wp-crop-images

WordPress is famous for being easy to use, but some features can still be confusing.

We find that cropping images is one thing that frequently confuses users.

Here’s a quick guide to cropping photos in WordPress:

Step #1. Select the photo

media_1403202079299.png

Step #2. Click the pencil in the photo

media_1403202117418.png

Step #3. Click the Edit Original link

media_1403202144092.png

Step #4. Select the area of the photo with your mouse

This is the step where people often get confused.

With the other image changes such as rotate, you click the button first.

However, with cropping, you first need to select the area of the image with your mouse, as below. Is the area that will remain after the image is cropped.

media_1403202194879.png

Step #5. Click the Crop button

Now you can click the Crop button to make the changes that you selected in the previous step.

media_1403202222136.png

Step #6. Click the Save button

Finally, don’t forget to click the Save button to finalize your changes:

media_1403202279827.png

Instructor

  • Steve is the founder of OSTraining. Originally from the UK, he now lives in Sarasota in the USA. Steve's work straddles the line between teaching and web development.

0 0 votes
Blog Rating
Subscribe
Notify of
4 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
pepperstreet

+1 for pointing this out. Improvable.

(Should I even dare to moan about it… we don’t have it in Joomla core at all 😉 Except for the hidden jCrop in backend. Should be utilized for J! core article images!)

Dan Knauss

This stymied me for a while the first time I encountered it. The cropping tool that only activates after you make a selection is a bad idea, and like a lot of WP plugins now there is a negative ambiguity created when you have several layers of things that need to be saved. If you go into an image or map editor from within the post editor you may have to click save, click another link or button to bring the item into the post, and then you still need to save/update the post — the last step you left out of this article.

steve

Yes, you’re right Dan. It’s even more steps than shown here.
On the bright side, it is actually available (unlike many platforms) and I suspect the WordPress team will fix this in an upcoming version.

exoduser

Hi Steve,

It is a great function, but I don’t like when it duplicate the original image. Would it be possible to override the original, so that there is no copy created.

4
0
Would love your thoughts, please comment.x
()
x