Adding an Image to Your Site

When uploading new images, for best results, upload an image at least 960 pixels wide by 540 pixels high. Also, images with a ratio of 16:9 will work best.

Featured Images

First of all, most of the site’s images run off of what WordPress refers to as “Featured Image.” However, the Nivo Slider is not affected by this.

  • In any post, page, or custom post type edit screen there is a box on the right-hand column labeled “Featured Image.”
  • To add an image, click on “Set featured image.” To change an image, click on the current image. Both will take you to an upload screen.
  • In the upload screen, you can either upload a new image, or if you click on “Media Library” you can view images already uploaded.
  • After uploading an image, or by clicking on “Show” in the “Media Library” you will see a prompt for Title, Alternate text, etc. and at the bottom there is a link labeled “Use as featured image.” Click on this.
  • “Publish” or “Update” the post, and the changes will be made across the site.

Nivo Slider

For the Nivo Slider, the slider that appears on the front page, there is a slightly different process.

  • On the lefthand administration bar, click on “Nivo Slider” and then click on “Splash.”
    (This may be the only one. If you have created more, they will appear here with a different name. The one labeled “Splash” is for use with the home page.)
  • To add an image(s), click on “Select Files” and then “Upload Files.”
  • Once an image is uploaded, you can change the order of the images by dragging them left or right.
  • To add banner text to a slide, click on the “Edit” icon, which is a pencil. Type the text into “Image Caption” and click “Save Changes.”
  • To add or change the link for a slide, click on the “Edit” icon. Type the link into “Image Link” and click “Save Changes.”
  • To delete a slide, click on “Delete” icon, which is a red “X.”
  • Once done editing the slider, click “Update.”

Embedded Images

Sometimes an image is embedded in a post or page.

  • To remove an embedded image, click on the image, then click on the “Delete” icon which is a red circle with a line through it.
  • To add an embedded image, click on the “Media” icon next to “Upload/Insert” which is above the text editing box.
  • In the upload screen, you can either upload a new image, or if you click on “Media Library” you can view images already uploaded.
  • After uploading an image, or by clicking on “Show” in the “Media Library” you will see a prompt for Title, Alternate text, etc. For alignment, choose “Left,” “Center” or “Right.”
  • Select the size of image you would like. Click on “Insert into Post.”
  • “Publish” or “Update” the post, and the changes will be saved.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>