How to Crop and Edit WordPress Post Thumbnails


How to Crop and Edit WordPress Post Thumbnails
Jung Wilbanks

When you click on the link, it will open the featured image in the post thumbnail editor where you can crop the image size. Simply select the image sizes you want to edit from the right hand column. Take the mouse over to the image and then drag across the image to select the area you want to crop and click on the crop and save button.

WordPress.org
Yessenia Tellez

Yeah, there is a way. After the crop-thumbnails-modal closed it triggeres a javascript event on the body element. You could use jQuery to cache-break your cropped thumbnail (in backend-view).
The event called “cropThumbnailModalClosed”. The plugin also provides a global function that could be called (only in post-edit-view and mediathek) to do the cache-break.
Example-Code:

Blog
Loyce Nabors

When you click on Post Thumbnail Editor link, it will open the featured image in post thumbnail editor where you can crop image size.  You will see 5 types of image sizes that you can choose. Simply choose an image size as you want to edit then take the mouse over to the image and then drag across the image to select the area you want to crop.

How to Crop and Edit WordPress Post Thumbnails
Karry Laporte

Are you frustrated with automated thumbnail sizes which crop the image from the middle and cut off the sides. There is an easy solution for cropping and scaling post thumbnails. In this article, we will show you how to crop and edit WordPress post thumbnails.
If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.
Text version of this tutorial:
www.wpbeginner.com/plugins/how-to-crop-and-edit-wordpress-post-thumbnails/
Check us out on Facebook:
facebook.com/wpbeginner
Follow us on Twitter:
twitter.com/wpbeginner
Join our circle on Google+:
plus.google.com/+wpbeginner/
Checkout our website for more WordPress Tutorials
www.wpbeginner.com/
Summary of this Tutorial:
Start by installing and activating the Post Thumbnail Editor plugin.
Then go to add a new post and add an image to the featured image area.
There will now be a link below the featured image.
Click on the post thumbnail editor link to bring up a new screen.
Now you can edit the image to suit your needs.
For older images you can go edit them directly from the media library.
Note that only the selected image sizes will be edited and your original will still be there if you need it.
Related Links:
Post Thumbnail Editor
wordpress.org/plugins/post-thumbnail-editor/

WordPress.org
Bryanna Atwell

Yeah, there is a way. After the crop-thumbnails-modal closed it triggeres a javascript event on the body element. You could use jQuery to cache-break your cropped thumbnail (in backend-view).
The event called «cropThumbnailModalClosed». The plugin also provides a global function that could be called (only in post-edit-view and mediathek) to do the cache-break.
Example-Code:

Be the first to comment

Leave a Reply

Your email address will not be published.


*