logo wide 2000x350
Website images are handled differently from text in that text can be copy pasted directly into a website article with the website's text editor. Images on the other hand must be transferred and posted one at a time as websites and the internet consider every image to be an individual link. This article explains how to transfer images from your Welcome article you wrote on your Home computer to folders created in your Joomla Media Manager. An interesting interactive website may have hundreds of images – ten to twenty per article.

Step 3: Add Images to the Images folder in the Media Manager


In the previous section, we first wrote a document called Welcome to our Website including some text and four images. We then copied this article creating another document called WEB Welcome to our Website. We then created folders to keep the documents and images organized in. Finally, we copied all of the images from the text only (web) version of the document and placed these image files in a folder called welcomepageimages.

The web version of the Welcome article now contains ONLY TEXT. There are no actual images in the web version. All four images have been transferred to the welcomepageimages folder. Now it’s time to create an images folder on your Joomla website so we can transfer the article images to this folder. So log into your Joomla back end and click on Media Manager. We will use the Media Manager to create a new images folder for our new article.
Set Up the SAME Category and Article folders in your website Media Manager
We will next create an identical images structure in the images folder on our website root folder. Log into your Joomla Administrator Control Panel. Then click on Content, Media Manager. Below is the current structure after deleting all of the default images folders and adding the image categories folders. All of the images on your website should be stored in the images folder. Inside of these Category Images folder, you should create Article Images folders for the images in every one of your articles. All you need to do to create a new images folder or sub-folder is click on Create New Folder:

Type the name of the category (in lower case with no spaces) in the box to the left of the words CREATE FOLDER. We will also use the category numbers to help keep these image categories organized. Then click Create Folder.

Repeat this process for all of your images category folders and article image folders. There should be four article image folders inside of every category image folder because there will be four articles in every article category. Each time you write a new article, or add a new web page, you should create a folder for the images in that new article in both your home computer’s images folder and also your website’s images folder. Now that we have our category folders made, we are ready to transfer our welcome article images from our home computer images welcome folder to our website welcome folder.

Add Images to their Folders in the Media Manager
Now that we have the folders for our images, we are ready to add the images to these folders using the uploader tool in the Joomla Media Manager. Go to the Media Manager and clicking on the green UPLOAD button. Then click on the Browse button.


Navigate to the 0_welcome images folder on our Home computer and click on the first image file to select it. After selecting the first image in your images folder, hold the control button down on your keyboard as you select all remaining images in this folder. This will allow you to load 20 images at a time. Here is the select screen with all four images selected:


Then click Open. These four files are now shown to the right of the Choose Files box.


Once you have found and selected the image(s) you want to load, then click on the Blue Start Upload button. This is what the welcome folder looks like after adding our four images:


Once you have loaded your images for your Front Page articles, you are ready to add the Welcome Article to your Joomla website. That is the topic of the next article.