|Joomla 1.5 Tutorial to Design Professional Website

joomla tutorial
joomla tutorial

Joomla is undoubtedly one of the finest and easiest CMS for designing a website. Building website with Joomla is so easy that even a layman can create his own Joomla website or blog within an hour of practice. So, if you have no knowledge of programming, do not worrry because this hub you will find show you step-by-step process designing Joomle website. As you already alware of that Joome is an open source CMS, which means you do not have to worry about buying any software. With Joomla you can design almost any type of websites ranging from personal to professional or even e-commerce sites.

Let me explain why joomla is also called CMS. Actually, the full form of CMS is content management system, which is used to maintain blog type websites.Generally, we use a CMS instead of a website whe we need to frequently update or add contents. Joomla is build with PHP, CSS and HTML. You must have heard of CSS-cascading style sheets. In simplest form CSS means separating the content of a website from the layout of the site, which mean unlike normal HTML pages in CSS when you change the layout(background images, colors and other presentations data )of the website the content remains unchanged, because contain does not reside on the webpage. Instead in a Joomla site content stay in a database and the looks of your site is presented by the template. So, easily you can change the looks of your site without affecting the presentation of contents of your site. When you first make you site this will be clear to you.

Contents

  • 1. Installing Joomla How to install template
  • 2. How to install Joomla Template
  • 3. How to delete a Joomla template
  • 4. Changing “welcome to Front page” heading
  • 5. Sections and Categories in Joomla
  • 6. Adding contents in Joomla
  • 7. How to add Adsense in Joomla
  • 8. Editing Joomla template
  • 9. Changing the logo of default Joomla template
  • 10. Adding Amazon affiliate id in Joomla
  • 11. Making SEO friendly Joomla URL
  • 12. Adding Google analytics in Joomla

1. Installing Joomla

For beginners installing Joomla can be a daunting task and time consuming in a server. It is better to avoid manual install Joomla in your hosting server. The easiest way to install Joomla is to use hosting providers already have Joomla installed in their servers. Now –a-days almost all the hosting providers have installed Joomla in their servers and you don’t feel go through the hassle of installing Joomla manually in your website. Follow the following instructions to install Joomla in your hosting server.

1- Login to your hosting server

2- Click Joomla in your control panel

3- a new window will open up, click the "new install". Check the three screen shots below to finish the Joomla installation.

joomla installation
joomla installation
Now, your Joomla installation is finished.
Now, your Joomla installation is finished.

2. How to install a Joomla template

After installing Joomla you will have three templates, with rhuk_milkyway set as default. To select the other two you have to go to “Extensions” and then “Template Manager”.Next, select any of the templates and click “default”. Apart from those three templates, if you want to add any other free template, you can Google for it by typing “free Joomla template”. To install the new template for your website, login to your Joomla site and then click “install/uninstall” button, and then browse the new template that you already downloaded in your computer and upload it. If the upload is successful, then you will get a successful uploading message. For the new template to take effect on your site, go to template manage and select the uploaded template and then click default.

You also have to use “install/uninstall” option in “Extension” for adding any module or components to your site.

how to install a Joomla template
how to install a Joomla template

3. How to delete a Joomla template

For deleting any Joomla template go to “Install/Uninstall” from Extensions and then click on  “Templates”, a new window with all the available templates will come, then select the template you want to delete. Now, you just have to click uninstall button to remove it permanently form your hosting server. 

how to delete joomla template
how to delete joomla template

4.Changing “Welcome to Front page” heading

Default Joomla template has a default welcome message. You can change it as you like by opening the “Main Menu” form “Menu” and then click to “Home”. Now on the right side you will find an option “page title” under the “parameters (system)” option. Type anything you like and click “Save”.

Welcome to Front page message changing in joomla
Welcome to Front page message changing in joomla

5. Sections and Categories in Joomla

Sections and categories are the most important part of Joomla CMS. Without sectioning and categorizing your articles it will be difficult to manage a site with hundreds of articles. But you also can choose to add articles in uncategorized fashion. But as your site keeps growing each day, you will need to add more menus to give your each article a link from the front page. On the other hand, if you categories a number of similar type articles under a category name. For example you have 50 articles on digital cameras and accessories. If you make a category called “digital cameras” and under this name link all your articles then it will be much more reader friendly for your visitors, they will simply click a link called “digital cameras” then you can show then all the 50 articles under one page.

When you first install your Joomla site, it comes with a number of default sections and categories with each category having a number of articles. It is better to delete all the default articles, sections and categories so as you can start building your site from scratch. It is not possible to delete any sections without deleting categories and category deletion is not possible without deleting all the articles in that category. So, at first go to “Article Manager” from “Content” and delete all the articles. And then the same way delete all the section.

Now, you create a new section from “Section Manager”by going to “Content”. then click “new” and name the section. And add an alias name to make your section name search engine friendly and then create a few categories (at least two) under that section by going to "Category Manager".  For adding articles to each category, write at least two sample articles.

Section A>category 1> articles

Section A>category 2> articles

sections and categories in Joomla
sections and categories in Joomla

6.Adding Contents in Joomla

For adding the articles you have written, you need to open article manager from content, then click “new” and the fill out the following sections. For example, you choose your articles title as”My favorite Books”.

Title- My favorite Books

Alias:  my-favorite-books

Section-select the section name

Category-select the category of your article

To make your article appear in the fornt page, select “Yes” in “Front Page”

On the right side you will see “Metadata Information” , fill out the “description” and write a t keyword for your article to target the search engine.

adding articles in Joomla
adding articles in Joomla

7. How to add Adsense in Joomla

You can add adsense in Joomla in two ways-by manually code insertion and by adsense module insertion. For adding adsense module in Joomla download a module file “easy Google adsense for Joomla”-you can find it by a Google search or can visit Joomla-extensions.yourcafe.com. The file name is”mode-easy-adsense-Joomla 1.5x”. Now follow the below instructions.

  1. Open extensions manager and install the new module.
  2. To implement the adsense code in the new module, open then “easy adsense module” by going to Module Manager from “Extensions” and then put your adsense id.

For manually adding adsense code in Joomla, open the “Extensions” and click “New” in Module Manager and open “custom HTML”. Select “show title=no” and choose position to left. In custom output window, put your adsense code-that is all. Remember manually adding of adsense code is the safest option.

8. Editing Joomla Template

 Not recommended for the beginners..

9. Changing Default Joomla Logo

Joomla default template has a logo of “Joomla” in the upper-right corner, if you want to change it then there is a simple way to change it. First of all download a ftp software, normally I use free Filezilla. You can find this free software by a Google search.

After the installing open Filezilla, open it and type in host name, username and password of your hosting server. Now, click on “Quick connect” button to complete the logon process. On the right site of this ftp software you will see “remote site” option and on the left side you will find “local site” option. On remote site click the /public.html, then click your domain name. Under the domain name there is a folder called “templates”, click it and then click on “ rhuk_milkway and images. The complete path of Joomla logo will be in a location like- /public_html/yoursite.com/templates/rhuk_milkyway/images...

Below the “remote site” option in Filezilla you will see another option “file name”. Under the “file name” select the image name called “mw_joomla_logo.png”, right click it and download it to your computer.Now in your computer make necessary change on the download Joomla image, you can use either paint or Photoshop. When editing is done rename it as mw_yoursitename_logo.png. Be careful about the .png-it must be in small letter. Now click the new image file in Filezilla and upload it exactly the same location where you downloaded it.

When uploading get finished, open your Joomla site and login in with administrator password. Select “extensions, and then “template manage”. Now select your template name and then click edit. You will see “edit css” option, just open it and select “template.css” and click edit. Now, search for “div#logo” –you can easily find this by pressing ctrl+F and typing div#logo in the search box. When div#logo

appears you will see something like: background: URL (…. mw_joomla.log.png…) just replace the old image file name with the new one-mw_yoursitename_logo.png and then click save button. Now open your website to see the new logo.

Changing Joomla Logo

10. Adding Amazon affiliate id in Joomla

There are many free Joomla extensions for adding Amazon affiliate code in your site. You can try vip amazon associated module from a page of Joomlamind and th file name will be like - 064_mod_vipamazonassociates. install this file in your Joomla site and then add your affiliate id and keywords as you wish. Open you site or refresh it you will find new Amazon Ads relevant to your keywords set up in that module.

amazon affilate id adding in joomla
amazon affilate id adding in joomla

11. Making SEO friendly Joomla URL

Joomla URL are not search engine friendly by default. To make them SEO friendly download a file AceSEF Basic and install it in your Joomla site. After installation go to “Component” and then go to AceSEF and then click on SEF URLs, here you will see how automatically all your article titles has been converted into SEO friendly URL.

After installing AceSEF you need to go to “Global Configuration” mode from site. In the right side “SEO settings” , select the” Search Engine Friendly URLs” and “Use Apache mod_rewrite” ; save it. Additionally, in global configuration mode you can add meta description and meta keywords in “metadata settings” to make you site more visible to search engines.

12. Adding Google Analytics in Joomla

Adding Google analytics code is very simple in Joomla. At first copy your Google analytic code. Log on to your Joomla site. From extensions select “Template Manager” and now select the template which you want to add the code. In that template page click “Edit HTML”. A new window will open with full of HTML code; scroll down to the bottom of the codes. On the second line to bottom you will see a tag called </body>, add your analytic code just before the body tag and save it.

By exactly following the steps mentioned in this hub, I made my first Joomla site. Hope this hub will help all the beginners trying to make their first ever Joomla site. Have fun with Joomla!

More by this Author


Comments 15 comments

RoyZwam 6 years ago

Nice article good job!


noorin profile image

noorin 6 years ago from Canada

Very true, Joomla is one of the easiest CMSs out there.... I have lead a couple of technical projects and I have to admit that Joomla was by far the smoothest and easiest , at least the programmers I worked with thought so. For once I had extra time in a software project, something that all software companies strive for. great hub =)


WebMag profile image

WebMag 6 years ago

Nice one! Voted useful. Joomla is very popular CMS. Its popularity is well deserved, great functionality and extensibility while still easy to learn.

Here are few posts at WebmasterFormat for those who would like to learn more about Joomla:

- 7 Tricks to Speed Up Your Joomla Website: http://webmasterformat.com/blog/speed-up-joomla

- Joomla and Ecommerce – Quite a Pair: http://webmasterformat.com/blog/joomla-as-ecommerc...

- Install Joomla on Your Windows Server in Less Than 5 Minutes!: http://webmasterformat.com/blog/joomla-on-windows-...


billyaustindillon profile image

billyaustindillon 6 years ago

I used Joomla a while back - thanks for a great tutorial on it.


andromida profile image

andromida 6 years ago Author

@azure-thank you for your comment and sharing the links :)

@webamag-thanks a lot for the links.Just now I've checked your suggested links-very informative indeed.I found one more useful article in your blog about how to choose domain name-this is a very basic question asked by all the beggiers in web businesss.take care :)

@billyaustindillon-thanks billy. You are a master of arts and sprots. Great to have you in my little Joomla hub :)


Fleurfavs 6 years ago

Within 30 minutes? Really? I couldn't believe it but I bet I wanna try this one.Thanks for sharing such good insights and using tutorial would really be a good help however in my 2 years of creating websites using Joomla, i think that I was able to create using Joomla video tutorials. Pretty amazing.


brentwilliams2 profile image

brentwilliams2 5 years ago

Great post! I have two sites on Joomla right now and would have a hard time going back to something that wasn't open-source.


Raúl Galvan 5 years ago

Very nice site for we real beginners. You have really helped me a lot. I thought the only way to put ad- sense was installing plug-ins an de like. Thank you very much again.


Joomla Freelance 5 years ago

Joomla 1.5 is one of the best CMS and is really helpful for a website development. It also help the site in making search engine friendly urls and optimize the site according the SEO work.For the one who is not aware about the joomla the tutorial will help them out in getting what exactly joomla is.


diyakapoor profile image

diyakapoor 5 years ago

Great Hub! It's a knowledgeable Post for new Hubs.

http://joomla.pixelcrayons.com/


Jeffrey 5 years ago

Joomla is a kind of cms which is used world wide. CMS such as joomla is one of the most appropriate way of managing your back end process blog/website. There are plenty of application which helped us to proceed further as there could be the most appropriate way of growing your process of growing your process of marketing your blog a way ahead with a huge process of ongoing way . A great informative hub. Thanks for sharing


joomladeveloper profile image

joomladeveloper 5 years ago from Assonet

Great Hub you have created! I like working on Joomla CMS. Information you have shared is really very useful to me. So I have bookmarked it.


Website Designing in Indore 5 years ago

I am very happy to read your articles it’s very useful for me,

and I am completely satisfied with your website.

All comments and articles are very useful and very good.

Your blog is very attention-grabbing. I am loving all of the in

turn you are sharing with each one!…

Website Designing in Indore


Celina 23 months ago

What a plerause to meet someone who thinks so clearly


Lya 23 months ago

Thanks for the recommendations on cridet repair on this blog. Some tips i would tell people is usually to give up a mentality that they buy right now and pay back later. As a society all of us tend to do that for many things. This includes vacations, furniture, and items we want. However, you need to separate a person's wants out of the needs. While you are working to improve your cridet score you have to make some sacrifices. For example you'll be able to shop online to economize or you can go to second hand stores instead of expensive department stores to get clothing.

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working