Images are an important part of your website and can be included on content pages, forms, calendar events, and blogs.
To include an image on your website, you will place the image directly in your Image Library.
For the purposes of this example, I will add an image to a basic content page, but images can be included on all other articles of content, including calendar events and webforms.
(a) Remember, by default all basic pages are set to edit in filtered HTML. Begin by changing your text format setting to Full HTML.
(b) Identify and click on the Insert/Edit Image icon in your WYSIWYG Editor, and the Insert/Edit Image pop-up window will appear.
(c) From the Insert/Edit Image pop-up window, click on the browse box located next to the Image URL field. Your Image Library will automatically display.
(d) Navigate through your folders to find the appropriate option to house your image. Otherwise, the image will be stored in the general Uploaded Images folder.
Click the Upload button followed by the Choose File button to locate your image on your computer.
(e) After locating the desired image on your computer, click the Open button.
(f) The CMS will resize your image for you. Determine the desired size of your image by checking the appropriate boxes.
(g) Click Upload to add your image to the Image Library.
Note: Images will be uploaded to your Image Library with their original size intact.
If you choose to resize your image, which we highly recommend, your Image Library will include multiple copies of that image in all selected sizes.
For example, if you checked the boxes for medium and large, you will have 3 copies of that image stored in your library; original, medium, and large.
Because a specific folder was not specified in advance (see step(d)), the new image will be stored in the uploaded images folder.
(h) From the Image Library, select the image by clicking once on it's title. Notice how the entire line turns blue, and a copy of your image will display in the space below.
(i) Click the Insert File button to add your image to your content page.
After clicking the Insert File button, the pop-up window displaying the Image Library will disappear, returning you to the Insert/Edit Image window.
Notice that your image has also been assigned a unique URL.
(j) Best Practice: Give your image a title and description. Titles and descriptions are useful, as they make your image more accessible for individuals with disabilities. The title will appear when a mouse cursor hovers over the image, and is used by screen reading software.
(k) Click the Insert button to add your image to your content page.
By clicking Insert, the image is now a part of content page.
However, since the image's positioning or alignment was not specified, by default, the image will appear where you last clicked your mouse and saw a blinking pipe symbol ( | ).
(l) If you are satisfied with the layout of your page, scroll to the bottom of the content page to add your page to a menu, assign it a friendly URL, and publish it by clicking the Save button.
(m) After clicking Save, the View/Edit page will display. If you are not pleased with your page, or wish to make additional changes, click the Edit tab to resume editing.