Home Classroom Joomla Creating a website using Joomla – Part 4

Creating a website using Joomla – Part 4

1504

Accessing Your Web Site

You have just received notice that your new Joomla website is available to work on and you are wondering, “how do I begin?’

Let’s begin by opening up your site.

a) The frontend

Type your url into the address bar of your web browser as below:

http://yourdomain.com

http://localhost/joomla  for a local installation>

Your site will look like this:

>

b) The backend (administration site)

Important Note: For best results always use Mozilla Firefox web browser when doing site administration. Firefox is a free download available at: getfirefox.com >

In a new window or tab, open up the backend of your site by typing your url with the suffix, /administrator into the address bar of your Mozilla Firefox web browser as follows:

http://yourdomain.com/administrator/

http://localhost/joomla/administrator/  for a local installation

This is where you, the administrator, will develop and edit your website.

The menu bar at the top of the administration site (the row of words beginning with ‘Home’) and various button links arranged in two rows below is where you will access the features and functions of your site to create and make changes.

It will look like this:

One of the first administration tasks you will do is change your administration password to a secure password known only to you. Follow the directions below:>

From the row of menu items along the top, choose Site < User Manager

 

 

  • Click on the user, Administrator
  • Type in a new password. The password must be a minimum combination of six letters and numbersNo spaces and no special characters.
  • Click the Save Button.

It is recommended that you have both the backend and frontend of your site open at the same time in different tabs or windows on your browser when you are working on your site. This will allow you to readily go from tab to tab to refer to the article, develop your site, and see the changes you are making.

You are now ready to develop your website. For best results follow each of the steps outlined sequentially.

Proceed to Step 1

Step 1: Change Your Site Name>

The name of your website displays in the title bar of your browser, the copyright at the bottom of your site, and a few other miscellaneous places. Your site is presently named Digit.lk. To change your website name:

  1. Login to the backend of your site using the username and password you have set up for yourself.
  2. From the control panel, click on the ‘Global Configuration’ icon
    (last icon on the bottom row).

in the ‘Site Name’ text box, type in the name of your organization

  1. (blog name, company, etc)

 

  1. Click the Save button.

Proceed to Step 2.

 

Step 2: Choose Your Site Colours and Header Options>

Site Header (Logo)

The header position is at the very top of your site where your name is. You have the option to create a header image for your site and place it in that position. It will replace current joomla logo is in the illustration below.

 

 

Here are the parameters for creating a header

  1. Create a name with (mw_joomla_logo.png) image and save it on your computer.
    A recommended height would be between 75px and 298px according to the current sample template.
  2. From the FTP programme or in your local folder, open the ‘Template’ folder in your joomla installation.
    Click on the ‘images’ folder in default template (rhuk_milkyway).
    http://localhost/joomla/templates/rhuk_milkyway/images/
  3. Upload and overwrite ‘mw_joomla_logo.png’

When the upload is complete, go to the frontend of your site and refresh the window.
The image will automatically display in the header space of your site.

If not visible please clear your browser cookies.

 

Site Colours 

Now decide which colours will best match your header and reflect your organization.

1. From the administration site, go to: Extensions < Template Manager.>

2. Click on the template name, rhuk_milkyway’.

3. From the parameters section, select the colour scheme of choice.

Go to the frontend of your site. Refresh the page and see your changes.
Revisit the parameters if desired to make further changes.

Proceed to Step 3.

 

Step 3: Adding Content to Your Site Using Articles

Next you will learn how to create content (articles) on your site and link them to menu items.

Articles are contained within Categories and then Sections, or they are ‘uncategorized’. To best understand this concept, think of a Section as a filing cabinet, a Category is a drawer within the filing cabinet and an article is a document in the drawer. Uncategorized articles are

like documents outside of the filing cabinet. With this illustration in mind, you will probably want just one section and a couple of categories to start.

The Articles you create can either be designated to “show” on the front page (the page that shows when your site opens) or be linked to menu items (other pages of your site).

The next steps will help you create a section, a category, an article and finally a menu link. You will also learn how to have your article “show” on the front page.

 

Sections

  1. From the control panel in the administration site, click on the Section Manager icon.
  2. You will see that there is one section already there called ‘news’. You might decide that one section is adequate to start or that you would like to create another one. If this one is sufficient skip to Categories below.
  3. To create a new Section. Click the New button. Type in a Title. Click the Save button.

Categories

  1. From the control panel in the administration site click on the Category Manager icon.
  2. You will see there is one category already there called Miscellaneous. You might decide this one category is adequate to start. If so skip to the next section called Articles.
  3. To create a new Category, click the New button. Type in a title for the category. Click the save button.

 

Articles

Now you are ready to add articles (content).

The Control Panel in the administration site click on the Add New Article icon.

1.Type in a Title for the Article.

2. Choose a Section and Category for the Article to go in, or choose Uncategorized.
3. At this point you will choose if you want your article to appear on the front or home page of your site, or if you want your viewers to click on a menu item to access the article. If you want this article to be on the front page of your site, Click “yes” on the “show on front page” option. If you want this article to be linked to a menu item under the Main Menu, click “no”.

4.Type the content of your article in the text box below the text editing tools. You may also copy/paste content into the text box but please be aware that when copy/pasting anything other than plain text – such as tables, lists or text with unusual fonts – from another application such as MS Word, you will most likely experience formatting issues. For this reason we recommend that you produce articles with lists or tables directly in the text box rather than copying them from other sources. Feel free to utilize the Text Editing Tools to enhance your content.

5. If you would like to insert an image into your article, please see the directions in the section called Inserting Images.

6. Click the save button when you have completed your article.

 

Menu Links

If you have created an article and not chosen to show it on the front page, you will need to create a menu link so that the article will be accessible on the front end of the site by clicking on a menu item.

From the Control Panel and the row of menu options across the top,
choose Menus < Main Menu (Supported, Managed and Custom sites may choose other menu options to link the article to).>

 

1. Click the New button.

2. Click on the word, Articles then Article Layout>

1. Type in a title for your menu link. Make the title the same as the article name that you are linking it to.

2. In the Parameters – Basic box, click on the Select button.

3. Choose the article you want to link to from the selection.

 

  1. Click the Save button.

 

You have now created a Section, Category and Article with a link to a menu item. Go to the frontend of your site. Refresh the window and see your addition.

Editing Sections,  Categories,  Articles and Menu Items.

You may edit the names and/or content of Sections, Categories, Articles and Menu Items at any time by going to the administration site and clicking on the appropriate item.

 

Proceed to Step 4

Step 4: Reordering Front Page Content and Menu Items>

At this point you have developed one or more front page articles and one or more articles linked to menu items. In this step you will learn how to reorder these items.

Front Page Articles

Any of the articles that you have designated to “show” on the front page can be rearranged so that they show in a particular order on the front end of your site.

1. From the control panel in the back end of your site, click on the Front Page Manager icon. You will see all of the articles currently on the front page of your site.

2. Under the Order column, order by number each of the articles in the order you wish them to appear. Then click the little Save icon next to the word Order.

Menu Items

1. From the control panel in the backend of your site, and the row of menu items along the top, click on Menus < Main Menu. You will see all of the menu items currently showing in the menu bar of your site on the left hand side.

2. Under the Order column, order by number each of the menu items in the order you wish them to appear. Then click the little Save icon next to the word Order.

 

We highly appreciate your valuable comments. Also if you have any issues in joomla you could email to harsha@vishmitha.com or Supporting Forum to get our assist.

The next article will discuss about working with Components and Modules.>

Comments

comments

Harsha Gomes is the Managing Director of Vishmitha.com and Winhost Inc. He is a past employee of CINTEC, Ministry of Economic Reforms&Science&Technology, Pathfinder Holdings (Pvt) Ltd, and Sannasa Media (Pvt) Ltd. He has experience in PHP,AJAX, Flex, HTML,CSS, Javascript, MySQL, Joomla, Payment Integration, Smarty, PHPBB, Magento, OS Commerce. He is an expert in developing websites using the CMS tool Joomla.

NO COMMENTS

Leave a Reply