1. Insert Images
  2. Add Images to the Media Library
  3. Link off an Image
  4. Create an Image Slideshow
  5. Delete an Image
  6. Use Thumbnail Images
  7. How to edit images
    1. Scale
    2. Crop

Insert Images

Uploading media files and adding images to your content can easily be done in one of two different ways.

To insert an image into a Page or Post:

  1. While editing a page/post, place the cursor where you would like the image to appear and then click Add Media.
    Screen Shot 2016-07-06 at 10.00.11 AM
  2. Click Upload files.
  3. Click Select files.
  4. Navigate to the find the image you wish to upload, select it, and then click Insert into post.
  5. The image will now appear on your page/post.
  6. If you click on the image, you can alter the placement of the image by changing the alignment (left, right, center, no alignment).
    Screen Shot 2016-07-06 at 10.03.56 AM
  7. For more advanced settings, click on the pencil (edit) icon to view the image details. A window will appear that will allow for you to change the dimensions of the image, crop, and rotate the image as well. Once any changes are made click Update.
    Screen Shot 2016-07-06 at 10.07.44 AM

Add Images to the Media Library

  1. From the navigation menu in WordPress, click Media.
  2. Click Add New.
    Screen Shot 2016-07-06 at 10.11.20 AM
  3. Click Select files.
  4. Navigate to find the image you wish to upload, select it, and then click Open.

Once your image has been uploaded, you will see a link beside your uploaded photo that will allow for you to edit the image. It is here where you can give your image a title, caption, and description. These elements are not required, but creating a better title is suggested.

Link off an Image

  1. Click on the image you would like to use as a link.
  2. Click on the edit icon.
    Screen Shot 2016-07-06 at 10.31.16 AM
  3. Click on the Link To drop-down menu and you will be provided with options to have the link direct visitors to a media file, an attachment page, or a custom URL. Once you have selected the type of link the image will be re-directing your site’s visitors to, click Update.
    Screen Shot 2016-07-06 at 10.31.53 AM

Create an Image Slideshow

Combine images with modals to easily create slideshows.

  1. On the page/post where you would like to have your slideshow located, click Add Media.
  2. On the left-hand side, click Create Gallery.
  3. When you’re creating your gallery, you can upload a variety of images or you can select images that are already existing in your site’s media library.
  4. Once you have uploaded/selected the images you want to use, click Create a new gallery.
  5. You will then be directed into an editing window where you can rearrange the order the images appear in throughout the slideshow. Once you are happy with the order, click Insert gallery.
  6. Publish/update your page.

Delete an Image

Remove unwanted images in just a couple of seconds. You can delete one image from the media library or you can delete several images at once.

To delete a single image

  1. Expand the Media menu from the WordPress navigation menu.
  2. Click Library.
  3. Locate the image you would like to delete. Tip: you can locate the image quickly by using the search bar
  4. Click on the image.
  5. Click Delete permanently.
    Screen Shot 2016-07-06 at 10.59.46 AM
  6. Click OK to confirm.

To delete several images at once

  1. Expand the Media menu from the navigation menu.
  2. Click Library.
  3. Locate the images you would like to delete.
  4. Click Bulk Select.
    Screen Shot 2016-07-06 at 11.04.07 AM
  5. Click all of the images you would like to have deleted.
  6. Click Delete Selected.
    Screen Shot 2016-07-06 at 11.04.16 AM
  7. Click OK to confirm.

Use Thumbnail Images

All listings pages (news and events) are designed to have a thumbnail image. There are three thumbnail options:

  1. Upload your own thumbnail image to posts.
  2. Choose an image from the Post Thumbnail Icon field.
  3. Allow the CMS to automatically select an image (this will be the default if none is selected).

Tips:

  • When creating your own images, the thumbnail size must be 300 pixels wide by 230 pixels high
  • Before you select an image from the thumbnails provided, view a preview
  • If there are any images you would like to see added to our growing thumbnail library, please contact us!

Screen Shot 2016-07-06 at 2.17.22 PM

How to edit images

Click on the image you would like to edit.

Scale

  1. Click Edit Original.
  2. Scale the image proportionally by entering dimensions in the New Dimensions fields.
  3. Click Scale.

Crop

  1. Click Edit Original.
  2. Click on the crop tool at the top left (optional: Enter dimensions for aspect ratio).
  3. Click and drag on the image to select the area you would like to crop.
  4. Click the crop tool again to apply the changes.
  5. Click Save.

Was this page helpful?

2 people found this useful