Cropping Images in WordPress
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
Step #2. Click the pencil in the photo
Step #3. Click the Edit Original link
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.
Step #5. Click the Crop button
Now you can click the Crop button to make the changes that you selected in the previous step.
Step #6. Click the Save button
Finally, don’t forget to click the Save button to finalize your changes:
+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!)
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.
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.
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.