Spring Forward Web Design
Build your own Site... Control your own Future!
In the last article, we posted (or copied and pasted) the following Welcome article into the Article (New) workspace. In this article, we will transfer the images from the images/stories folder back into the web version of the article.
Here is what the WEB version of our article looks like as a WORD document:
Main Body Content First Idea
Main Body Content Second Idea
Main Body Content Third Idea
Here is what the WEB version of our article looks like in the EDITOR:
Notice that there is a W01 below the Introduction section. This is where the first image should be placed. After clicking apply, delete the W01 and leaving your cursor here, scroll to the bottom of the workspace screen and click on IMAGE:
This brings up the images/stories folder:
Click on welcomepageimages to open the folder:
Click on the w01 Image and then click on INSERT. This will place the image inside the article.
You can format the size and alignment of the image by clicking on the Picture Icon (tree in the lower right corner of the Article Editor):
Then scroll down the Welcome article to the w02 text, delete it and insert the w02 image. Repeat for the w03 and w04 images.
Then click on APPLY. Then click on PREVIEW to see how the Front page looks.
There are several problems. it indicates Written by David Spring with a date. We want our welcome article listed with no author and no date. These changes are done with the Article Edit Parameters.
So go back to the Article Edit Screen and click on Parameters Advanced:
After changing Show Title to NO and Article Rating, Author Name, Created Date and Modified Date to HIDE, click on APPLY, then preview again.
The final step is to get the article looking the way you want using the Article Edit Editor. When you are done, you can save your Welcome article.
Create each individual article using the Article Manager which is also in the Content Box. Click the Green NEW button and a Article New page creator will appear. Enter the Title and select the Section and Category the Article will go in. Most articles will begin with a 3 inch 300 pixel Picture or Graph which is the subject of the Article. Use the Image button at the bottom of the screen to select the image from the Images/Stories file in the Media Manager. Also select the LEFT position so that the text will go to the right of the image. After entering the text, if the article is more than a couple of sentences long, insert the “READ MORE” button where the Introduction portion of the article is to be ended.
Click on apply to update your page changes. Then click on Preview to verify that the page is looking the way you want. Once it look okay, click SAVE to exit the Article New page.
Repeat this process for every article.
Once you have articles organized into categories and sections, it is time to create menu links to each of the sections and articles. Go to MENUS > Main Menu Item Manager and add a new menu item by clicking on the Green NEW button. Make the name of the new menu item the same as one of your SECTIONS you just made above. Click the SAVE button.
REPEAT THE ABOVE STEPS UNTIL ALL ARTICLES ARE POSTED
To get the remaining articles posted to your website, all you need to do is repeat the above steps for each article.
In review, the SEVEN STEPS for posting a Joomla article are:
First write your article, including all images, as a WORD document.
Second, add and organize your images for your article. This includes making a folder for the article’s images and put this folder in the images folder on your home computer.
Third, make a web version of the article and article images.
Fourth, transfer the images from the web version of your article to the images/article folder – leaving only text on the web version of your article.
Fifth, use the Media Manager OR the Extplorer File Manager to create a new images folder on your website and transfer the article images to this folder.
Sixth, open up Article Manager – Edit and copy and paste the text into the Editor workspace.
Seventh, insert the images back into the workspace and change any parameters you want to change. Then, save your new article.
It is important to keep your articles short. If they are more than a couple of pages long or if they contain more than 20 images, they will take too long to load on the viewer’s web browser. We will therefore end this article here.
In the next article, we will review how to make a menu item for each of your new articles and how to organize your menu in the same way that your articles are organized.