{"id":56,"date":"2007-05-21T12:47:53","date_gmt":"2007-05-21T17:47:53","guid":{"rendered":"http:\/\/www.pixelwit.com\/blog\/2007\/05\/21\/basic-image-editing-in-wordpress\/"},"modified":"2009-08-13T16:47:32","modified_gmt":"2009-08-13T21:47:32","slug":"basic-image-editing-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.pixelwit.com\/blog\/2007\/05\/21\/basic-image-editing-in-wordpress\/","title":{"rendered":"Basic Image Editing in WordPress"},"content":{"rendered":"

Sometimes you need to edit an image for use in your WordPress<\/a> blog but you might not need (or you might not have access to) a high-powered image editing application like Photoshop. Maybe you want to post a smaller version of an image you’ve already used in a previous post or maybe you want to “zoom in” to a specific area of an image to add emphasis. If that’s the case, you may find the ImageManager Plugin<\/a> suitable to your needs. It has basic image editing functions like resizing, cropping and rotating and it saves the results in PNG, GIF or JPG image formats.<\/p>\n

\"paleprofile.jpg\"<\/a>I used the image to the left (click thumbnail to see full-sized version) in a previous post and for example’s sake I would like to use a portion of that large image to “add a little color” to what might otherwise be a rather mundane all-text post.<\/p>\n

In order to do so I’ll need to do the following:<\/p>\n

    \n
  1. Install, activate and configure the ImageManager plugin as the plugin author describes.<\/li>\n
  2. Open the WordPress post editor and place the cursor where the image is to appear in the post.<\/li>\n
  3. Click the ImageManager button.<\/li>\n
  4. Select the folder containing the image.<\/li>\n
  5. Select the thumbnail representing the image.<\/li>\n
  6. Press the pencil icon below the thumbnail to begin editing the image.<\/li>\n
  7. Press the “Resize” icon.<\/li>\n
  8. Uncheck “Constrain Proportions” to allow non-proportional cropping of the image.<\/li>\n
  9. Press the “Crop” icon.<\/li>\n
  10. Select an interesting area of the image.<\/li>\n
  11. Press the green check mark to crop the image.<\/li>\n
  12. Press the “Resize” icon.<\/li>\n
  13. Check the “Constrain Proportion” box.<\/li>\n
  14. Set the width of the image to the required dimension.<\/li>\n
  15. Press the green check mark to resize the image.<\/li>\n
  16. Press the “Save” icon.<\/li>\n
  17. Specify an image name, format and quality.<\/li>\n
  18. Press the green check mark to save the image.<\/li>\n
  19. Press “OK” and close the image editing window.<\/li>\n
  20. Press the “Refresh” button inside the ImageManager window.<\/li>\n
  21. Select the newly cropped and resized image.<\/li>\n
  22. Set width, height, alignment, vSpace, hSpace, border, title, style and class as I see fit.<\/li>\n
  23. Press the “OK” button and the image code is placed in the post where my cursor was located.<\/li>\n<\/ol>\n

    \"paleprofile_cropped_1.jpg\"<\/p>\n

    Once installed, the ImageManager plugin<\/a> puts the most common image related tasks in one convenient location. Inserting an image into a post can be as easy as pressing the “ImageManager” button and selecting an image from a list of thumbnails. If you want to use images in your blog but don’t have access to an image editor, the ImageManager Plugin is almost a “must have” item. Even if you own Photoshop, this plugin still may be the best tool for certain tasks.<\/p>\n","protected":false},"excerpt":{"rendered":"

    How to handle basic image editing and insertion without ever leaving WordPress.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[9],"tags":[38,44,20],"class_list":["post-56","post","type-post","status-publish","format-standard","hentry","category-site-development","tag-gallery","tag-plugin","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.pixelwit.com\/blog\/wp-json\/wp\/v2\/posts\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pixelwit.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pixelwit.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pixelwit.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pixelwit.com\/blog\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":0,"href":"https:\/\/www.pixelwit.com\/blog\/wp-json\/wp\/v2\/posts\/56\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.pixelwit.com\/blog\/wp-json\/wp\/v2\/media?parent=56"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pixelwit.com\/blog\/wp-json\/wp\/v2\/categories?post=56"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pixelwit.com\/blog\/wp-json\/wp\/v2\/tags?post=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}