3heads-gear3headschatchecklistglobehead-lockhead-plusimaclife-ringlogo-cornelllogo-melbournelogo-northhamptonlogo-portsmouthlogo-small logo-vancouverlogo-yokohamamail-line mail-wings pdf pie-chartplayplugprinter skype website
Print Friendly

After uploading an image you are given the option to edit some of the settings.

You can edit these settings for images directly in your media library or for images directly from within your visual editor of a post or page.

From Media Library

All media files, such as images, video, audio and documents, that you’ve ever uploaded to posts or pages are listed in your media library.

The media library is where you can manage all existing media files or upload new files (Media > Add New) directly to your blog without having to start a new post or page.

To change the settings on images in your media library you just  need to go to Media > Library.

Media Library

Once in your Media Library, you can hover your mouse over any of the images and choose the Edit option that appears or click on the image’s title.

When you click Edit, the Edit Media page loads, allowing you to change the default Title, Caption, and Description.

It also shows the file URL .

Click on Edit link

After making any changes remember to click the Update button.

Edit Media page

The following image settings can be changed:

  • Title – Image title to be displayed when the image attachment page is viewed.
  • Alternative text – displayed when images don’t load.
  • Caption – displayed when a caption is added.
  • Description – information you want displayed when an image is viewed on it’s attachment page.

The following image settings can’t be changed:

  • File name – name of your file. If you want this changed you need to rename the file on  your computer before uploading.
  • File type – Automatically displayed based on the file type you uploaded.
  • Upload date – date the image was uploaded.
  • Dimensions – width and height of the original image.

Edit Image

The Edit Image button launches the Edit Image page where you can preform basic editing (crop, rotate, flip and re-size).

Click on Edit Image

The Edit Image page looks like the following:

Edit image screen

Cropping

Cropping allows you to remove any unwanted portion from an image that you have upload ed to your media library.

1.  Click and drag your mouse to select the portion of image you want to keep.

Select the area you want to keep

2.  Click on the Crop icon.

Click on Crop

3.  Your cropped image loads.

Cropped image

4.  Select which images the changes are applied to.  You can apply it to all sizes, thumbnail only or All sizes except for Thumbnail.

Select which images it applies to

5.  Click Save if you are happy with the results.

The crop image isn’t saved unless you click Save.

Click Save

Rotating

You can rotate an image in your media library clockwise or counter-clockwise using the rotate icons.   Click Save if you are happy with the results.

Rotate image

Flipping

You can flip an image in your media library horizontally or vertically using the flip icons.   Click Save if you are happy with the results.

Flip image

Resizing

You can resize any image in your Media Library smaller using the Scale Image editing option.  Scaling should be done prior to any cropping, rotating or flipping of the image.

1.  Click on Scale Image.

Click on Scale Image

2.  Add your preferred width (first field) and the height (second field) automatically adjusts.

Add the width

3.  Click Scale.

Click on Scale

Undo and Redo

The undo and redo icons allows you to undo or redo previous edits.

Undo and Redo

Restore Original Image

Restore Original Image can be used to restore the original image that you initially uploaded to your media library.

When you open a previously edited image in editing mode you’ll see a Restore Original Image Link.   Clicking on Restore image button reverts the image back to the original form.

Click on Restore

From Within Posts

You can edit an image within your visual editor as follows:

1.  Click on the image and then click on the Edit Image icon that appears.

Click on Edit Image icon

2.  The Edit image window will appear.

Edit image window

You can edit the following settings in the Edit Image screen:

  • Size – Clicking on a percentage scales the image to that percentage.  The preview area displays the effect of your resizing.
  • Title – Image title to be displayed when the image attachment page is viewed or when the image is viewed as part of an image gallery.
  • Alternative text – displayed when images don’t load.
  • Caption – displayed when a caption is added.
  • Link URL  – You can link the image to it’s image URL,  link it to any URL (handy if you want to link an image to a website) or have no link URL (used if you don’t want readers to be redirected to another page when they click on an image).

On the top of the Edit image screen is an Advanced Settings tab which, when clicked, displays this:

Advanced Settings page

You can edit the following settings on the Advanced Image Settings screen:

  • Size – Clicking on a percentage scales the image to that percentage.  The preview area displays the effect of your resizing.
  • Source – Your image URL
  • Size (under Source) – Allows  you to have exact control over the width and height of an image and includes an option to reset to the original image dimensions.
  • CSS Class – The CSS classes that will be added to the image given the current settings. You can override this as appropriate.
  • Styles – Any CSS styles added to the image.
  • Image properties – You can use this to add borders (in pixels), vertical space (in pixels) or horizontal spaces (in pixels) to your image.
  • Title – Image title to be displayed when the image attachment page is viewed or when the image is viewed as part of an image gallery.
  • Link Relative –  The link’s rel attribute, for adding nofollow amongst other things.
  • CSS Class – CSS class applied to the link.
  • Styles – Styles applied to the link.
  • Target – Select whether the link should open in a new window or the same window.