Edit or delete an image

There are various options available for adjusting the layout of inserted images.

After clicking on an image that has already been inserted into your Page or article, two icons will appear over the image. Clicking the left icon (Edit Image button) allows you to edit the image properties. Clicking the right icon (Delete Image button) will delete the image from your content. It will only remove the image from your Page or article, it will not delete the image from your Media Library.

Image selectede

 

After clicking the Edit Image icon (Edit Image button) the following pop-up window will appear.

Edit imagee

There are two tabs at the top of the pop-up window that contain the various image and link properties. The Edit Image tab allows you to change the following settings:

  • Size – The size ‘slider’ displayed next to the image allows you adjust the image size. Sizes range from 130% down to 60%. If you want the image to be displayed at the same size that you inserted, then set this slider to 100%
  • Alignment – Allows you to select how you would like the image aligned. They can be either Left, Centered or Right aligned. Setting alignment to None will remove the other alignment settings. How this affects your image within your content will depend on the current theme in use
  • Title – is displayed as a tooltip when the mouse cursor hovers over the image in the browser
  • Alternative Text – is displayed when the browser can’t render the image. It’s also used by screen readers for visually impaired users so it’s important to fill out this field with a description of the image. To a small degree, it also plays a part in your website Search Engine Optimisation (SEO). Since search engines can’t ‘read’ images they rely on the Alt Text
  • Caption – is displayed underneath the image as a short description. How this displays will be dependent on the WordPress theme in use at the time. You can also include basic HTML in your captions
  • Link URL – is the URL that the image links to. Leaving this field blank will mean the image will not have an HTML link assigned to it and will therefore do nothing if the image is clicked. Clicking the None button will remove any link currently set in this field. Clicking the Current Link button will set the Link URL to the default URL, if one is currently set for that image. The Link to Image button will use the URL of the actual image.

Once you have updated the image properties, click the Update button to save your changes. Alternatively, click Cancel to close the pop-up window without saving any changes.

Clicking on the Advanced Settings tab at the top of the above pop-up window allows extra image and link properties to be set. If you’re not familiar with HTML and CSS then it’s best to leave these settings alone.

Advanced imagee

Related: Adding media, Inserting an image, Media Library