Adding an Image to Article

Per website rules, you are only allowed to add one (1) image to any article.

The dimension for the image must fit within 700x300 pixels.

Similar to adding links to an article, there are two ways to add image to an article in the new version of our website. The old way was to click on the Edit Tab, then click on the [images] element on the Edit Article window. This is still true with the new version.

But…

The new way is much simpler and easier. Here are the steps:

1. Sign into our website and go to the article you want to add the image.
2. First thing to do is to “unpublished” the article. To achieve this, click on State: Published located at the far right of the light green row of the View tab. Choose Retract from the drop down menu. This will revert the article into Public Draft status which would allow you to edit the article.
   
3. Notice something different from the previous version? With the new version, you don’t need to click on the Edit tab to add elements to your article anymore.  The elements can be added directly to the View tab.
   
4. Click on Manage images to add image. The same concept as the previous version, you can add image by either Upload images or Browse server images.
   
   1. Upload images  – use this if image resides in your desktop storage.
   2. Browse server images– use this for image residing in our web site.  

NOTE: This tutorial will just tackle Upload images since most of the images you will be using will come from your desktop.

5. Click on Upload images  to open the Upload images window
   
6. Click on Browse button and locate the image you want to add to your article.
   
7. Once you locate the image, click on OK. Title and Description are optional. Once the image is uploaded, Plone will have the message “Element uploaded with success” on the Upload images window
   
8. When you are done, click on the X button located at the top right of the Upload Images Window
9. The last thing to do is to click on the X button on the Article itself to save the added image into the Article.
   
10. Congratulations! You have successfully added an image to an Article