Joomla Basic Tutorial

Joomla How-Tos for Beginners. This detailed step-by-step Joomla 3 tutorial

How building your first Joomla website ?

Written by  Manager

1. INTRODUCTION


This tutorial will help you set up your Joomla website from scratch. I'll walk you through easy-to-follow steps:

  • Create a website structure.
  • Add content and articles
  • Create a main menu
  • Add modules to your Joomla website.


A Joomla website only needs 4 main pieces to operate succesfully: Articles, Menus, Modules and Templates.

2. SITE STRUCTURE


Focus on the main menu for the top tier, with each box being a menu link representing different sections of the site.

3. ADDING CONTENT VIA ARTICLES


All of your site's content will be stored in what Joomla calls "articles". First, we need to create article categories. Go to Content > Category Manager.  You should see a default category named "Uncategorized". You can use that for static pages like About Us, Our Services etc.. Named categories are useful if you're planning on having a lot of articles, like a blog site or news site would.

Once you have a your categories in place, we can create articles. Press the Articles tab or go to Content > Article Manager & press the New button. All you need to do here is
  1. Add an article title
  2. Select a category
  3. Add your article text.
When you're done, press Save and close the article.

4. CREATE A MAIN MENU


Now that our content is in place, we need to build a navigation menu. Go to Menus > Menu Manager. There should already be a Main Menu installed by default, containing a link to your Home page. This is called the "Default menu item."

Select the Menu Items tab. If left alone, this Home menu item will display your featured articles in a blog layout. You can easily change that if you wish to display a single article as your home page. Simply click on Home then press Select next to the Menu Item Type field. In the popup window, select Articles > Single Article. Next, on the right under Required Settings, press the Select/Change button. In the popup window, choose the full article you wish to display as your home page.

Let's create some more menu items. This is a good time to refer back to your organization chart from step 1. Let's create a link to our "About Us" article. Select New and follow the same steps as we did for the Home page, choosing the Article layout and selecting an article. We'll create one more item to house our Latest News category. For this we'll choose the menu type under Article > Category Blog.

5. POSITION THE MENU


Next, select a module position for the menu. It's important to know that each Joomla template has a unique system for naming it's module positions. Some templates make it obvious, like "top" while others can be more discreet in their naming conventions, like "position-1." Refer to your template's module positions guide for the exact name. If you don't have a guide handy, use this little trick I included at the bottom of this article.

I'm using the "Beez2" template for this tutorial, which tends to be on the discreet side of module naming conventions. Let's place the menu in the Top, named "position-1" . Set the Status to Published, and select the Main Menu name under the Basic Options. Then press Save & Close.

6. SETUP IS COMPLETE


Success! Our basic Joomla site is up and running. Now that you have a basic understanding of the Joomla system, it's easy to add more pages and menus to your site.