Images - Upload and Insert Into an Article or Module

Last Updated (Thursday, 24 April 2008 16:34)

Attention: open in a new window. PDFPrint

Images can be inserted into any Article or Module on your site.

Before uploading, images should be sized and cropped and otherwise photoshopped in a photo software application then saved on your computer. Photoshop functions are not available to you once uploaded. While the size of the image is totally subjective, you will generally want to keep images to a size no greater than 500 pixels wide. An image this wide would take up most of the width of your front page.

Prepare a folder in the Media Manager.

It might prove beneficial for you to create one or more folders in which to insert your images, especially if you anticipate uploading a number of images that can be categorized. If you do not create new folders, all of your images will upload to the Stories Folder by default. Further, all of the images are accessed through the Stories Folder, so you will be directed to create folders within the Stories Folder as follows:

  • Login to your administration site
  • From the Control Panel, click on the Media Manager icon
  • Click on the Stories Folder to open it
  • Type in a new folder name (no spaces) into the Create bar at the top right


  • Click the Create button

You will see your newly created folder among the files.

 

 

Inserting Images Into An Article or Module

Now you are ready to upload images and insert them into content items.

Login to you administration site.

If you haven't already created an Article or Module, do so first. See instructions on how to create a new article. or ... how to create a new module

Otherwise go to the Article or Module where you want the image to be inserted and open it.

Click on the insert image on the left hand bottom corner under the text box

Choose the appropriate image from the images files in the pop up box and click Insert or...

  • click on the 'browse' button to browse for image files on your computer
  • Choose a file
  • Click 'Start Upload'
  • The image will appear as a thumbnail in the popup box.

  • Click the Insert button.
  • In you text box, place your courser where you want your image.
  • Click on the insert image icon at the bottom of the text box one more time
  • Click on the appropriate image to select it
  • Set the alignment to left or right or no alignment
  • Type in a title and caption if desired.
  • Click the 'Insert' button at the top right of the popup box.
Your image will appear in your article.

Now save your article by clicking the Save button at the top right of the screen.

Go to the frontend of your site. Check your changes in the front end of your site.