Step 3 - Change Joomla design - Install Joomla Templates

Senin, 21 September 2009

1. Changing Joomla Design | Install Joomla Templates

To change Joomla Design we are going to show you how to Install Joomla Templates. Installing is easy. The best thing about Joomla is that you can change a template anytime you want with just a click. And your site will remain great looking. No painful coding is needed.
 
Get the Template
  1. You can get a few Templates from our Webmaster Center for free. If you also need a domain name, register it with Hosting Residence, and you will receive 125 Joomla Templates for FREE.
  2. Download one of the templates to your desktop.
Making changes in Global Settings
  1. Before we can install any new Joomla templates we have to make some changes to global settings: make templates folders writable.
  2. Select Site:Global Configuration from the menu.
  3. Select the Server tab. You` ll see some radio buttons.
    joomla global settings img
  4. Select CHMOD new files to 666 and CHMOD new folders to 777.
  5. Save your changes. We are now ready to install a new template.
Install Joomla Templates from your computer
  1. To install a template we have to be logged in to your joomla site (www.yourname.com/aministrator).
  2. Navigate to Site:Template Manager:Site Templates. This opens Template Manager.
    install joomla templates figure1
  3. Click on the NEW icon on the top right of the screen.
  4. Click Browse. It will open a file browser.
    Install new joomla template screenshot
  5. Select the template you downloaded earlier to your computer and click open. File browser closes and the path to file is shown.
  6. Now click on Upload File and Install
  7. Joomla will notify you that template has been successfully installed. Click Continue.
  8. We will now apply your new template to be default template for your Joomla site.
  9. Click on a radio button before your new template. Click on icon Default.
    Template Manager in Joomla Admin area
  10. Voila! Check your site. It now has a new look.

2. Changing Joomla Design | Selecting Modules

Changing Joomla Design is easy compared to static Html, bacause Joomla uses modules to assemble a page. Each module can be set to a position and can be turned on or off for every website. Lets say that you want your main menu to be shown just on home page, but not on About us page. You can do that by customizing modules. It is easy!

  1. Log in to your Joomla administrator area.
  2. Navigate to Modules: Site Modules.
  3. Play around with clicking on publish/unpublish icon.
    Joomla Module Manager photo
    You will see which module is which and where it is placed. You can easily unpublish all the modules you don need.
  4. Now click on a module called Main Menu.
    Selecting Joomla Content Items
    As you can see there are some items you can select on the right side. These are actually pages of your Joomla site. You can select or unselect them and that defines if they will be shown on these pages.

3. Changing Joomla Design | Header Graphics

This is an easy thing to do and you will instantly have a personalized template. You will need your own photo or logo and a Graphics editor.

  1. First we have to figure out what is the header image called.
  2. We will do that by going to our Joomla Website, right click on header logo and select Properties.
  3. This shows us image name and width and height in pixels. Write it somewhere because we will need it later.
    figuring out name of joomla header image
  4. Now you have to create your own image and make it the same width and height and name it exactly like the one in Step 3.

  5. When your new image is ready, we will upload it or copy it to your Joomla Site.
  6. Use your file manager or FTP client and open folder of the Template you are using in your Joomla Site.
  7. Open images folder.
  8. You will see a file with name we selected in step3.
  9. Upload your new image. Since the name is the same you have to replace it. That is ok.
  10. Check your Joomla Site. It should now have your new header image.

4. Changing Joomla Design | Site Footer

If you are wondering how to change the Footer here is how.

  1. 1.Use your File manager or FTP client and Navigate to root/includes/footer.php
  2. 2. Open it with Notepad remove the line called:


    URL; ?>


  3. Save it.
  4. The line Powered By Joomla should now disappear.

Now that you know how to Install Joomla Templates and tweak your Joomla Design is time to add some content.

0 komentar:

Posting Komentar

 
 
 
 
Copyright © TUTORIAL