Manual Installation of Joomla!


This tutorial will show you how to install Joomla manually. Alternatively, you can install Joomla using an AutoInstaller tool like Fantastico. You can also get a free professional Joomla installation with your Joomla hosting account at SiteGround.com.

How to Manually Install Joomla 1.5
To install Joomla manually follow the steps below: Step 1.Create a MySQL database for your Joomla installation and add a new user to it. This can be done easily with cPanel by following the MySQL database tutorial. In case you are not using cPanel you can refer to the MySQL manual on creating databases and adding users to it. Step 2. Create a folder called upload on your computer. Step 3.Go to the Joomla download page. Download the .zip file with the latest version to the upload folder and extract it there. Step 4.Upload all the content from upload to the directory on the server where Joomla 1.5 will be installed. SiteGround recommends using FTP for this purpose and the FTP tutorial will guide you through the necessary steps. Step 5.Open the URL of the newly uploaded Joomla files. This will be either http://your_domain_name.com or a subdirectory such as http://your_domain_name.com/example. Step 6.You will be redirected to the Joomla installation page:

On the first page of the installation you will be able to choose the Language for the installation. The selected language will be valid only for the installation process. Once installed Joomla will be back in English. We recommend selecting "English" in order to follow easier the next steps from the tutorial. Step 7.Joomla will perform a pre-installation check of the system environment. Failing to meet a requirement or recommendation may cause functional and security problems later.

1

Here is a screenshot of all Joomla 1.5 requirements met on a standard SiteGround hosting account:

Step 8.Once you make sure all requirements are met, click on the [Next] button from the top right menu. Step 9.Next you will have to accept Joomla's license and click on [Next] to continue. Step 10. The following page will ask about the MySQL details for the new Joomla 1.5 installation. Here are some example entries and explanations for these fields in case you have difficulties understanding exactly what information you should enter:

Step 11. Next you will have to configure your File Transfer Protocol (FTP). Leave it to the default settings and just click [Next] from the top right menu. Step 12. From the page that appears you will be able to complete the final Joomla 1.5 settings specifying your email and specifying the admin password. Click on [Next] to proceed.

2

In our example we will not use the option Install Sample Data because it may cause confusion and require time to remove all the data populated later. Step 13. In the last page of the installation wizard you will receive a confirmation that Joomla has been successfully installed. Before being able to access your new Joomla 1.5 you must delete the installation directory. For this purpose use FTP as described in Step 3. Well done! Your Joomla website is now installed. If you would like to learn more about the options the manual Joomla installation offers, please contact the SiteGround support team. Our technical team is expert in Joomla related questions and able to build the perfect environment for running your Joomla 1.5 website.

How to create a website with Joomla?
How to start a Joomla site?
Joomla! is an easy to use CMS tool, which allows you to create a website with practically no design or programing skills. To start a Joomla site, you need to sign up for a hosting account and have Joomla CMS installed. At SiteGround.com you can get a free professional Joomla installation with your Joomla Hosting account .

3

This Joomla guide covers the following topics:     
Logging into the Joomla admin area Creating Articles Creating a Contact us page Linking Articles to the Menu Creating a Poll in Joomla 1.5

in

Joomla

Logging into the Joomla admin area
After having Joomla 1.5 installed on your account, you can begin adding your content. In this example we'll assume that your domain is your_domain_name.com. Thus the Joomla's admin panel will be accessible at:

http://your_domain_name.com/administrator
Please make sure you change your_domain_name.com to your actual domain name when following this tutorial. To log in to your Joomla admin area, enter your login information in the Joomla! Administration Login screen:

Creating articles in Joomla
If you have installed Joomla through Fantastico or from source with the sample data, you will already have a few articles created and published. You can take a look at how they are written and organized in order to get used to managing your articles. To see them go to Content > Article Manager from the top admin menu.

4

From the Edit menu you can modify the article's title. text. let's remove all default articles to avoid confusion. For this purpose go back to Content > Article Manager from the top admin menu. Once you click an article link. 5 . Now let's create your first article which we'll call "About us". Before building your first article. you will enter the Edit mode for the article. etc. Then select all articles by checking the first radio button in the column and click on the [Trash] button from the top admin menu.There you will see several articles listed. Step 1. From the top admin menu click on [New].

Step 3. Browse your local computer and find the logo image.Step 2.. Then make the following changes in the corresponding fields: Title: About us Alias: (leave it blank) Section: Uncategorized Category: Uncategorized Published: Yes (If the article is not published. click on the [Upload file] link to upload it.. You can also insert your company's logo. 6 . Since your logo is not uploaded yet.) Frontpage: Yes (This will allow it to appear on the first page of your site. Click on [Start Upload] to upload it. It will remain only as a draft. it will not be shown to your visitors. For this purpose click on the image icon at the bottom of the page: Step 4.) In the main text field write some information about your company.

Now it can be found in the upper part of the window along with the default Joomla images. check our page on how to make a website with SiteGround Website Wizard 7 . The logo's position in the article can be easily adjusted by dragging the image. Click on logo. Step 6.png (or whatever the name of your logo is) to select it and then on [Insert] to insert it in your article. For more information on how to create different type of websites. You will see a confirmation that the file has been successfully uploaded.Step 5. The last step is to save this article by clicking on the [Save] button.

5. 8 . It is an easy and convenient way to get in touch with the people that browse your website. Since we plan to have a simple Contact Us page. you can check our tutorial on Creating a website with Joomla 1. Click on [New]. Step 1. For this purpose go to Components -> Contacts -> Categories: Step 2. We will use "General" for its name in the tutorial.How to create a website with Joomla: Contact us page Receiving feedback from the website visitors is important for every webmaster.5 website. First you need to create a new Contacts Category. For additional information on how to create your Joomla 1. Creating a Contact us Page Lets add a "Contact us" page with an online mail form to your Joomla website using the Joomla form component. you should create only one single category. In this tutorial we will show you how to create a Contact Us page. Enter "General" under title then click on [Save].

Step 6. Step 7. You have to make sure the email you enter is valid since all the mails you receive via this Joomla contact form will be sent to it. Step 5. Under Internal Link choose Contacts then Standard Contact Layout. Go to Components -> Contacts -> Contacts: Step 4. Leave the rest of the default options unchanged and click on [Save] from the top-right menu. To publish the new contact form go to Menus in the Joomla administrator area. In order to avoid having your contact's name duplicated later. from the right box "Contacts parameters" check the button Hide next to "Name". Your Joomla contact form will be saved and you will be able to publish it on your site. Step 8.Step 3. Choose the menu where you would like the link to the new contacts page published and click New. Click on [New] and fill in the information. 9 .

Step 9. For this purpose click on [New] from the top-left menu and select the item type. Step 1. Let's add links to your articles and the "Contact us" page. Delete all default links. follow the steps below. (There will be a warning "You cannot trash the default menu item" which can be safely disregarded) Step 3. go to Menus -> Main Menu*. Then click [Save]. After reading this tutorial you will be able to add new items to your menus and expand your website with different sections. From the admin panel. To do this. How to create a website with Joomla: Links In this tutorial we will show you how to link your articles to your menus. For this purpose check the first radio button to select all links and click on Trash. you should link them in the site menu. In our case it will be Internal link . Enter the desired link title (for example Contact Us) and choose the newly created contact from the drop down menu under Parameters (Basic) in the right part of the page.Article Layout: 10 . Linking Articles to the Menu In order to make your pages accessible for your visitors.Article . Step 2.

A box with all your pages will appear and you should click on "About us": 11 . Fill in the information about the links.Step 4. Let's call the link "About us". Then from the left Parameters Basic click on [Select]: Step 5.

Step 6. For this purpose check its radio button and click on [Default] from the top menu: Step 2. Save the link by clicking on [Save] from the top-right menu. let's set your page "About us" as default. 12 . How to set a page as default? While you are still in the Menu Item Manager. Step 1. (Optionally) You can remove the default link "Home" because we will not need it.

13 . Fill the information about your new menu item "Contact us" and click [Save]. Let's add a link to the "Contact us" page.How to add the Contact us page to the menu? Step 1. Step 2. For this purpose click on the [New] icon from the top menu and choose:Internal Link -> Contacts -> Category -> Standard Contact Layout.

"Not bad". Step 3.How to create a website with Joomla: Poll In this tutorial we will show you how to add a poll to your website.5 Let's place a poll in order to find out what visitors think about your new site. From the top menu in the Joomla admin area choose Components -> Polls: Step 2. Follow the steps below to add a poll to your Joomla site: Step 1. Let's call the poll: "What do you think about our site?". "Awful". Click [New] from the top right menu. Creating a Poll in Joomla 1. 14 . In the left menu we will list the poll options: "Great".

find Poll from the options listed and check it. Now the poll has to be made public. Step 5. 15 . To save the new poll.Step 4.e. Choose [New] from the top . click on [Save] from the top right menu. For this purpose click on Extensions -> Module Manager from the top menu: Step 6.right menu. i. to be published.

From the right box. Click on [Save] from the top right menu and you will have the poll published on your frontpage. Step 10.Step 7. Step 8. Step 11. Set "Show title" to "No". If you experience any issues creating your polls. Module Parameters > Poll select the poll called "What do you think about our new site". Advanced options in Joomla 1. Set the poll title to: What do you think about our new site? Step 9. It will display the number of people that have visited your website. you can contact the SiteGround support team for assistance. 16 . With Joomla you can do this with just a few clicks. Click on "Next" from the top right menu.5: Counter This tutorial will show you how to add a counter to your Joomla.

From the top right menu choose [New].Adding a counter to your site Joomla 1. Log in to your Joomla admin panel and go to Extensions -> Module Manager: Step 2. Step 4. To add the counter.5 offers an easy way to add an advanced web counter to your site. From the listed options check "Statistics" and click "Next" from the top right panel. The next page has many advanced counter options. follow the steps below: Step 1. Step 3. We will change only: Title: Counter Show Title: No Hit Counter: Yes (From the right box) 17 .

5 application. for example.htaccess.php?option=com_content&view=article&id=1& Itemid=2 to http://your_domain_name. That's why SiteGround recommends using Joomla's SEO functionality. Enable Joomla's SEO functionality from Site -> Global configuration in the admin panel. your links will be in human-readable format and this will help your website rank higher in search results. This will change the link to.com/index. follow the steps below: Step 1. Step 3. Search Engine Optimization To have the website better indexed by search engines such as Google and Yahoo. If you are looking for the perfect environment to create your Joomla website. you will have to rename the htaccess. Enable mod_rewrite.Step 5.txt file in your Joomla installation directory to .5: SEF URLs This tutorial will show you how to enable the "Search Engine Friendly" URLs functionality of your Joomla 1. When SEO is enabled.com/About-us 18 . Click on [Save] from the top-right menu to save the counter. Mod_rewrite is installed on all SiteGround servers and in order to enable the rewrite rules. the pages have to be with meaningful names. To enable SEO for your Joomla website. Advanced options in Joomla 1. Step 4. you can check our Joomla hosting package. Step 2. the "About us" page from: http://your_domain_name. In the SEO Settings section change Search Engine Friendly URLs and Use Apache mod_rewrite to Yes. Click on [Save] from the top right menu.

you can access it from the Extensions -> Module Manager page and then change its "Position" setting. If you don't have a Joomla website installed yet. You will find a short explanation of each item under the image. Joomla Layout This tutorial will explain the different parts of the Joomla layout. Below you can see a screenshot that represents the basic items. andnewsflash. You can also get a free professional Joomla installation with your Joomla Hosting account at SiteGround. The available positions in Joomla are defined by the template you are using. To change the position of a certain module. you can check our tutorial on How to install Joomla.If you experience any issues with enabling the SEF functionality of your Joomla.com. 19 . Some of the most commonly used position names are top. How to change the Joomla Frontpage Layout? The layout and content positioning of your Joomla website is defined by the Joomla template you currently use. In this tutorial we will show the positions 1-10 in one of Joomla's default templates which is included in the official installation package. right.added by the default Joomla template. breadcrumb. left. do not hesitate to contact our Support Team. footer. header. This will help you understand better the structure and key concepts of a Joomla website layout and how to change it. We are experts in Joomla related questions and will happily assist you. user1 to user6.

All the files of your template will reside in it. 9. The "Popular" module is published into the "user2" position of the template. "Banners" and "Footer" modules are displayed in the "footer" position of the template. Once you have created your Polls. This is the main part of your website. Then create a subfolder in it named "tutorial_template". You can use the "Footer" module to display useful links. 4. You can define your banners from Components -> Banners and then display the selected items by publishing the "Banners" module from the Extensions -> Module Manager page in your Joomla administrative area. It will display a selected number of articles that are visited the most. 6. 2. In this position you can publish vertical menus. How to create a basic Joomla 1. From your Joomla administration area you can select a category of articles that will be displayed by this module. 3. the "Breadcrumbs" will display Home -> Sample Page. In the "top" position of the Joomla website the "Banners" and "Newsflash" modules are placed by default. It is a convenient navigation method which displays the current page you are on and the full "path" to it. open the "templates" directory in your Joomla installation. The "Breadcrumbs" module is placed into the "breadcrumb" position.5 template? First. 20 . 5. 7. Using Breadcrumbs is very useful especially when you have multi-level menus. login forms and many other modules depending on your particular needs. your copyright and other useful information at the bottom of your page. or a number of articles in a horizontal or vertical configuration. In the SiteGround Joomla templates Gallery you can find a variety of free Joomla templates with different layouts and themes! Here are instructions on how to change Joomla templates or create a basic Joomla template yourself.5 template. The Newsflash module displays a single random article. You can get ideas how to create your new Joomla template from our Free Joomla templates gallery. 10.1. You can easily create and manage menus from the Menus -> Menus Manager page. It gives your users the option to search within the content of your website. The "Search" module is published in the "user4" position of the template. The Banners module allows you to upload images that link to a desired URL. Several modules are published into the "left" position of the template. 8. You can then set your "Top menu" module to display the menu you have just created. It displays the most recently added articles from the selected category or from all categories. You can create the actual polls from the Components -> Pollspage in the administrative back-end of your Joomla application. The "Latest News" module is published into the "user1" position of the template. Here are the newest articles you have set to be displayed on the front page. If you are in a page called "Sample Page" that is under the main menu. A "Polls" module is published into the "right" position of the template. The "Top menu" module is published into the "user3" position by default. you can choose which one to be displayed on your website by editing the preferences of the "Polls" module from the "Module manager". In addition.5 template This tutorial will show you how to create a simple Joomla 1. Create a simple Joomla 1. you can specify the number of displayed articles depending on your preferences. You can either select a category from which the articles will be displayed or you can set the module to display the most visited articles in the entire site.

meta description.xml. etc.css .This is a system file that provides information about your template to the Joomla application. Once you have done that.css. and upload them later via FTP or the File Manager of your cPanel. It defines the looks of your website. templateDetails. Then create a folder named css and in it . In order to create these files. Your page should look like this one depending on the content you have: 21 .5. This is the main "section" of your template.<jdoc:include type="head" /> will include in your page the Joomla header content (the page title. For more information how to do this. css/template. make the new "tutorial_template" template default for your website.dtd"> <html xmlns="http://www. O index.php file should start with: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. create a file called index. Next.php file and login to the Administrative end of your Joomla application.Specifies the available module positions and the path to your Stylesheet file. Now. we have to add the "body" part of your website: <body> <jdoc:include type="component" /> </body> </html> The <jdoc:include type="component" /> line will display the main content of any given page.xml . check our tutorial on Changing the default template of Joomla 1. it is time to check our template.5. let's take a detailed look on what each file should contain: The index. Now. ?>" lang="<?php echo $this->language. ?>" > <head> <jdoc:include type="head" /> </head> Those lines specify the beginning of the HTML output of your website.Inside your new directory.) that you have added in the administrative end of your application.The stylesheet file of your template.php. and another named templateDetails. Save the index. Those are the basic files that each Joomla template needs to function properly.a new file name template. For more information on how to do that you can refer to our tutorial on how to change the default template of Joomla 1.org/TR/xhtml1/DTD/xhtml1-transitional.w3. From it.php .0 Transitional//EN" "http://www. you can use a simple Notepad and store the files on your computer.w3. This PHP code .org/1999/xhtml" xml:lang="<?php echo $this>language. change the default template for your website to the newly created one. keywords.

Note that we have surrounded those in <div> tags and added information about their classes and ID's.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www. let's add some module positions.0 Transitional//EN" "http://www.This page includes only your articles without any styling or modules displayed.org/1999/xhtml" xml:lang="<?php echo $this>language.php file and change the lines between <body> and </body> to: <div id="container"> <div id="header"> <jdoc:include type="modules" name="top" /> </div> <div id="sidebar_left" class="float"> <jdoc:include type="modules" name="left" /> </div> <div id="content" class="float"> <jdoc:include type="component" /></div> <div id="sidebar_right"class="float"> <jdoc:include type="modules" name="right" /> </div> <div id="footer" class="clear"> <jdoc:include type="modules" name="footer" /> </div> </div> The <jdoc:include type="modules" name="left" /> line tells the Joomla application where to insert the modules published in the "left" position. The div classes will be defined in the template.w3. your index. right and footer positions to your template. We have just added the top.w3. ?>" lang="<?php echo $this->language. At this point. Now.css file once we create it.php should look like this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. left. however. ?>" > <head> <jdoc:include type="head" /> </head> <body> <div id="container"> <div id="header"><jdoc:include type="modules" name="top" /> </div> 22 . Edit your index. we have wrapped everything in a div with ID "container" which allows us to set the basic dimensions of your page. In addition.

<authorEmail>user@yourdomain.xml file.siteground.org/xml/1. <description>Basic Joomla Template</description> .joomla.5//DTD template 1.<div id="sidebar_left" class="float"><jdoc:include type="modules" name="left" /></div> <div id="content" class="float"><jdoc:include type="component" /></div> <div id="sidebar_right"class="float"><jdoc:include type="modules" name="right" /></div> <div id="footer" class="clear"><jdoc:include type="modules" name="footer" /></div> </div> </body> </html> Now we have to edit the templateDetails. For the purpose of this tutorial.com</authorEmail> .This line specifies the type of license your template is published under.This line displays the creation date of your template. <copyright>SiteGround</copyright> .xml</filename> <filename>css/template.This line defines the version of your template. <version>1. <license>SG TOS</license> .com</authorUrl> .com</authorUrl> <copyright>SiteGround</copyright> <license>SG TOS</license> <version>1.0" encoding="utf-8"?> <!DOCTYPE install PUBLIC "-//Joomla! 1.5/template-install.php</filename> <filename>templateDetails.0</version> .0</version> <description>Basic Joomla Template</description> <files> <filename>index.5" type="template"> <name>tutorial_template</name> <creationDate>02/2008</creationDate> <author>SiteGround</author> <authorEmail>templates@siteground.This line defines the name of your template.This line defines the author of the template.This line specifies the website of the template creator. we are using "tutorial_template".0.siteurl. It will allow the Joomla template installer to correctly install your template if you decide to make an archive of the template and use it on a different Joomla instance. paste the following lines: <?xml version="1.Here you can add additional information for your template. 23 . <name>tutorial_template</name> . <creationDate>02/2008</creationDate> . <author>SiteGround</author> .com</authorEmail> <authorUrl>http://www.This line shows the Joomla version which your template is designed for.css</filename> </files> <positions> <position>left</position> <position>right</position> <position>top</position> <position>footer</position> </positions> </install> Let's take a more detailed look on the lines of the templateDetails.Add your e-mail in this line.0.5" type="template"> . <authorUrl>http://www. In it.xml file:           <install version="1.0//EN" "http://dev.dtd"> <install version="1.You should add the copyright information for your template in this line.

font-weight: normal. padding: 0. } . width: 950px. Now. First. The next step is to add some styling to the template. 24 .Those lines define the positions you have enabled in your template. text-align: left.xml</filename> <filename>css/template.overall { background-color: #fff. a:visited { text-decoration: underline. } div. <positions> <position>left</position> <position>right</position> <position>top</position> <position>footer</position> </positions> . you should edit the css/template. margin: 0. padding: 0. Helvetica. } body { font-family: Arial.php file and add the following line just before the</head> tag: <link rel="stylesheet" href="<?php echo ?>/templates/tutorial_template/css/template. <files>  <filename>index. outline: none.css</filename> </files> . } .clear { clear: both.float { float: left. color: #0F0F0F. } img { border: 0.php</filename> <filename>templateDetails.css" type="text/css" /> This line will tell your website where to load its stylesheet file from. sans-serif.Those lines specify all the files that your template uses. } . margin: 0px auto 0 auto. color: #000. line-height: 1. open the index.3em.css file and add the following lines to it: $this->baseurl * { padding: 0. } a:link.center { text-align: center. font-size: 13px. margin: 0.

padding: 5px. padding: 5px. margin: auto. } #container { width:960px.background: #FFFFFF. background-color: #f4f9fc. text-align: center. padding: 5px. border-bottom: 1px solid #e2e2e2. border-bottom: 1px solid #e2e2e2. } #sidebar_right { background-color:#f4f9fc. at this point your website should look like this : 25 . You will need some basic skills in working with CSS in order to make changes in the outlook of your Joomla site. Your template is now complete. width: 165px. background-color:#f4f9fc. text-align:center. border: 1px solid #e2e2e2. border-bottom: 1px solid #e2e2e2. height: 80px. background-color:#f4f9fc. } #footer { background-color:#f4f9fc. border-left: 1px solid #e2e2e2. } Those lines will add some clean basic design to the different parts of your website. border-right: 1px solid #e2e2e2. } #sidebar_left { text-align: center. width: 165px. text-align: left. text-align: left. padding: 5px. } #content { width: 598px. } #header { text-align: center. border-top: 1px solid #e2e2e2. background-color:#f4f9fc.

however.5 This tutorial will show you how to create horizontal drop-down menus in your Joomla 1. It provides you with the ability to set many different variables that change the way your menus will work.5 template you are using for your website.5 website using the Extended Menu extension.Go to Extensions -> Module Manager and click on the newly installed Extended Menu module. Step 3. You can. In addition you have to select which menu should be loaded from the Menu Name drop-down box. Step 1. 26 .From now on it is up to your imagination to create the design of your website as you want it. play with the css file. You can only change the Menu Style option to Tree List . In order to successfully accomplish creating a drop-down menu it might require at least basic knowledge of Joomla 1.Active Menu Class to Both. For more information on how to install extensions to Joomla check our tutorial on How to install extensions to your Joomla website. The module can be downloaded from the Official website of its creators. Disclaimer: Please note that this is an example tutorial. You can add different module positions. Exact steps might differ depending on the Joomla 1. Enable Menu Template to No and Element Id to Yes. add images for backgrounds and much more. Step 2. Now you have to configure the Extended Menu module. leave most of the settings in their default values.You need to install the Extended Menu module in your Joomla application. Joomla's template structure gives you the freedom to create the website you have always wanted.5 CSS and the ability to adjust the CSS code according to the specific needs of your website. Good luck! How to create drop-down menus in Joomla 1.

To do this go to the Menus -> Top Menu(or if you changed the name of this menu . Step 5. Finally you should add to your CSS file some lines that specify the behavior of the drop-down menu. make sure you set its "parent" menu. } ul#menulist_root li:hover ul{ display:block. For the purpose of this tutorial we will create a sub-enu of the Features menu and display it as a drop-down. Now you have to organize your menus properly in order to make them display as a drop-down menus. Once you set your menu to display the desired content.the one you have set) page and click on the New button. For more information on how to create menus take a look on our tutorial on Creating articles in Joomla. In our case that will be the Features menu.css): ul#menulist_root li ul { display:none. 27 .Step 4. background:none. You can simply add those lines at the end of the stylesheet file of your template (usually template.

You can use different CSS to achieve the looks you want for your menus. } ul#menulist_root li ul li a:hover{ color:#AA0000. Well done! you have successfully added a stylish horizontal drop-down menu to your Joomla website! At this point your page should look like this: Joomla Extension Types Joomla Components. Templates. Components can vary from search engines to entire shopping cart solutions.85.e. transperant drop-down menu once you point your mouse to the Features menu (i. on hover). and Languages. Plugins. filter: alpha(opacity=85). Modules. clear:both. Each of these extensions adds specific functionality to your pages. Modules. There are five types of Joomla extensions that you can use to add functionality to your website: Components.  Components can be considered as mini-applications. A component can add a completely new functionality to your website. Templates. opacity:. Each component is driven by a menu and each menu item runs a component.85. For more information on how to install an extension you can check our tutorial on How to install extensions to your Joomla website.Plugins. -moz-opacity: 0.} ul#menulist_root li ul li{ background:#000000. width:66px. and Languages This tutorial describes the different extension types available for Joomla. } ul#menulist_root li ul li a{ background:none. } This style sheet will display a stylish. background:none. You can manage your components through the sub-items of the "Components" menu in your Joomla administrative panel. 28 .

5. For the purpose of this tutorial we'll install the VirtueMart component for Joomla 1. In Joomla 1. the template specifies in which parts of your page the different module positions are displayed. Modules. 29 . they can display everything . which is attached to the com_content component and shows the most popular articles in your website. They can be attached to a component like the "Popular" module for example. Go to your Joomla admin area > Extensions > Install/Uninstall. Templates specify the way your website looks.from static HTML to complex slide shows.5. contact the SiteGround support team. The legacy name of the plugins is "Mambots". There many types of Joomla extensions you can add to your Joomlasite such as components. modules.  Modules are more lightweight extensions that display information on your website. Languages are core packages that translate the entire Joomla interface of your administrative panel and/or the front-end of your website. plugins can allow you to embed movies to your articles. Plugins. The Joomla template handles the entire design of your pages. plugins. In Joomla 1. component. Plugins are usually used to add extra functionality to your website. which allow you to change the looks and/or functionality of your website. Follow the steps below to complete the installation of any Joomla module.: Step 1. and Languages. Actually. You can manage the already installed languages in your Joomla application through theExtensions -> Language Manager menu. Step 2. Modules. If you experience any issues with the installation of your extensions.Each component has two parts . etc. In addition. Your modules can be managed through the Extensions -> Module Manager page in your Joomla back-end. Templates. They are complex extensions that handle different events.5 the installation of Joomla Components. Modules can display information even if they are not attached to a component. You can manage your plugins from the Extensions -> Plugin Manager page in your Joomla administrative area. Make sure you download the complete package for Joomla 1. Download VirtueMart from the official website. the so-called Joomla extensions. is done from one place and requires the same actions.5 all extensions are installed in the same way. etc.    Our technical staff demonstrates tremendous skill and expertise in troubleshooting Joomla-related issues.back-end that allows you to configure and manage its content and a front-end that displays your information in the selected way. How to install Joomla Components. show tooltips and many other different types of functionalities. You can change the default template of your website from the Extensions -> Template Manager menu in your Joomla admin area. How to install Joomla extensions When using Joomla you can easily extend the funtionality of your website by adding Joomla extensions. For example.

including VirtueMart. In the Upload Package File section click Browse and locate the VirtueMart archive. 30 . need an additional step in order to complete their installation. Click Upload File & Install to upload the file and complete the installation.Step 3. Let's install it by clicking the Install SAMPLE DATA >> button. In the case with VirtueMart you should choose whether to install sample data or not. Some components. Step 4. Step 5.

You will be able to install any other component/module/plugin/theme for Joomla 1. Depending on the type of extension you wish to remove. This will remove the extension from your Joomla installation. Then from the available extensions select the one you want to uninstall and click the Uninstall button.0.5 from the admin area > Extensions > Install/Uninstall. you should click on one of the following Components.This will complete the VirtueMart installation and you will be able to manage it from the Components menu > VirtueMart. Joomla Common Issues This tutorial will show you how to fix some of the most common issues that Joomla users experience. and you can get the required extension professionally installed on your SiteGround hosting account.x components to Joomla 1. More information on how to install Joomla 1. Plugins. At SiteGround we will help you extend the functionality of your website according to your needs.5 following the same steps. 31 . Please note that components built for Joomla 1.0.x cannot be installed on Joomla 1. Templates. Languages.5 You can remove extensions in Joomla 1. It covers the following topics:   How to resolve a Database Error: Unable to connect to the database:Could not connect to database error. How to remove extensions from Joomla 1.5 is available in our Knowledge base.5 unless Legacy mode is enabled. How to fix the issue with your menu items opening a 404 Page Not Found error. Modules.

In addition.com '.htaccess. How to fix an issue with a "MySQL Server has gone away" error while installing a new extension.    How to add your module into the desired position even if the position is not available in the Position dropdown menu. Your main website looks fine but all of your links return a "404 Page Not Found" error.com for example.Component not found' error in Joomla 1. $dbprefix = 'jos_'. the line should look like this: var $live_site = 'http://yourdomain. More information on that matter can be found in our tutorial on How to create a MySQL database and user. line to match the actual URL of your website.5.php file. 32 . For more information on how to do this you can refer to our tutorial on How to backup and restore a MySQL database. make sure that your MySQL username is added to your database.php file and edit the var $live_site = ' '. There are several things you should check in order to fix this:  Open your configuration. Make sure you have renamed the htaccess. $user = 'user_jo151'. $host = 'localhost'. If you encounter the following error when browsing your website: Database Error: Unable to connect to the database:Could not connect to database You should check the configuration. $password = 'YourPassword'. In such cases you can try restoring your Joomla database. This issue can also be caused by errors within the database itself. Such issues are usually caused by the SEF functionality of Joomla.txt file in your Joomla folder to . How to resolve an Error:"xml file is missing in package" issue when installing a new template. $db = 'user_jo151'. How to resolve an '404 . You should make sure you are using the correct MySQL username and database in your configuration.   Go to the administrative end of your Joomla website -> Global Configuration and make sure that both Search Engine Friendly URLs and Use Apache mod_rewrite are set to Yes. If your website is http://yourdomain. You can use the MySQL Databases tool in your cPanel in order to check the correct username and database for your Joomla.php file of your Joomla application and make sure the following lines are correct: var var var var var var $dbtype = 'mysql'.

5 error when going to your main page you should check whether you have a default menu item published.If you follow all of the steps above you should have a fully operational Joomla website with the SEF functionality enabled. Then try installing your extension again. Then select the menu item that you want to be loaded when you visit your main page and click on the "Default" button at the top-right of the page.5. If you want to publish a module in a certain position but you can't find it in the "Position" drop-down menu. Therefore. you can simply type it. When installing a new extension you may receive a "MySQL Server has gone away" error. Joomla Security 33 . Another reason for this issue could be that the archive you are trying to install contains the actual installation package. If you receive a '404 . If it is created for Joomla 1. For testing purposes you can temporarily disable the Search Engine Friendly URLs in order to check whether they are the cause for your issues.Component not found' error in Joomla 1. In order to do this.you should extract the archive and install the actual installation package.0 you can try enabling the Joomla Legacy plugin. if the position is defined in the template you are using you can safely type it even if it is not shown in the Position options. If you receive an Error:"xml file is missing in package" when installing a new template. if you want to publish a menu in the "user3" position and it is not in the list. For more information on how to do that you can check this article. i. As a workaround you can disable the FTP Layer by logging to your Administrative area -> Global Configuration -> Server -> FTP Settings. Joomla displays only the positions that have published modules in them.e. you can simply typeuser3 in the field. Usually this error occurs when you try to install a big extension and you have the FTP Layer of your Joomla application enabled. Joomla needs a default item for the front page. first check whether it is designed for Joomla 1. The solution is simple . go to your admin area -> Menus -> Your main menu. For example. there is an archive within the archive. You can submit new topics/issues/solutions using the "Feedback" button at the top of this page. There set the value of "Enable FTP" to "No".

Log in to the Joomla administrative area and click on the User Manager menu. To do this. Click on your administrative user in order to edit it.. you should: Step 1.RECOMMENDED: jHackGuard .htaccess file to additionally secure Joomla How to change the administrative username of your Joomla website By default your administrative username is admin. The purpose of this tutorial is to show you how to secure your Joomla website. Step 2.5 Plugin As an addition to the security tips given in this tutorial we have developed a plugin to further protect your Joomla websites! We still advise you to follow the steps explained below to make sure your Joomla website is safe. Joomla's security can be improved significantly by following these simple steps..      Change the administrative username of your Joomla Change the default table prefix of your Joomla database Password protect your Joomla administrative area Keep your Joomla up-to-date Use the . More info about jHackGuard. You can either check the box next to the user and click the "Edit" button or directly click on the user's full name. The majority of the attackers would expect the username to be admin. There are several steps you can take to protect your Joomla application.Joomla 1. Changing it will protect you against many attacks. 34 .

Step 3. you can do this by modifying the database of your Joomla website: Step 1. Alternatively. Open the phpMyAdmin tool in your cPanel and load your Joomla database. Change it to something different than "admin" and click on the "Save" button. Step 2. Select the jos_users table from the left column and click on the Browse button to edit the rows in it. In the next page you should edit the Username field. 35 .

Using lower and upper case characters as well as numbers is highly recommended. Locate the line for the "admin" username and click on the pen icon next to it to edit it. Step 4. Once you change your administrative username. 36 . Step 5.Step 3. Change the value of the "username" field to something different than "admin". press the Go button at the bottom right part of the page.

First to access the login page of Joomla and then to login in the application itself. even if there is a security breach within the Joomla script itself.5 tables to a different value.x. How to change the default table prefix of your Joomla database Changing the default table prefix will stop the majority of attacks against your database. That would make guessing your passwords a very difficult task for any attacker. You will have to edit it to correspond to the new table prefix you have set. a potential attacker won't be able to gain access to your administrative end even if s/he knows your login details.5 too. Install the component and go to Components > DB Admin. For more information on how to do that you should refer to our tutorial on How to password protect directories. Once you do this.Now you can login to the administrative area of your Joomla application with the new username. Step 3.0. You should set username and password for your website different from the ones for your Joomla application. Step 1. This should block the majority of attacks against your database.php file in your main Joomla folder. 37 . if you have changed the table prefix to "smth_" the line in the configuration. You can use the DB Admin component in order to do this. Modify the configuration. Using the intuitive interface. Password protect your administrative area Password protecting the "administrator" folder will add an additional layer of protection to your Joomla website. you will have to login twice. it works on Joomla 1. In addition. The default table prefix of your Joomla database is now changed. In it locate the following line: var $dbprefix = 'jos_'.php file should look like this: var $dbprefix = 'smth_'. Although it is originally designed for Joomla 1. change the default "jos_" prefix of your Joomla 1. For example. Step 2.

2 or newer. We recommend you to subscribe to the Joomla newsletter in order to receive news about new versions. You can do this at Joomla's official download page. Generally. You should always backup your Joomla before proceeding with the upgrade. doing this will allow you to enable the SEF functionality of your Joomla application.php.5. you can add them to the access rules.5.5 there are many security improvements in the core elements of the application. Then. Use the . Please do not hesitate to contact us if you have any questions regarding the security of your Joomla website. however.x to Joomla 1. If certain parts of your website do not appear. you should rename the htaccess. you can use the File Manager tool in your cPanel. The rules in it will block the majority of well-known attacks against your website. For more information you can check our tutorial on How to upgrade from Joomla 1. To do this.x.htaccess file to additionally secure your Joomla You should make the following changes to the .x How to upgrade Joomla 1. should be performed with caution. For detailed information on how to upgrade your site.0. that you may have to allow the access to some additional files if your extensions require them. you should upgrade your website immediately.5. All SiteGround customers have their accounts running PHP 5. 38 . everything should work just fine: deny <FilesMatch allow </FilesMatch> <FilesMatch allow </FilesMatch> from from from all "index.0.php and index2. if you add the following lines to your . however. If you don't have a . Make sure you are running your website on PHP 5. you can refer to our Joomla upgrade tutorials:   How to upgrade Joomla 1. The migration.htaccess file in the Joomla directory:    First.0.x it is recommended to migrate it to Joomla 1. Block the access to all files except index.Keep your website up-to-date You should always keep your Joomla application up-to-date.htaccess file in your Joomla folder.txt file that comes with your Joomla installation package to .htaccess file.php"> all "index2. Note.php"> all The SiteGround Web Hosting servers are perfectly optimized and secured in order to provide you with the best environment for your Joomla website. In Joomla 1. Once you receive a notification that a new version of Joomla is released. you can check the files that they rely on. In addition.x If your website is running Joomla 1.htaccess.2 by default.

you're can resume a download that did not finish successfully. For example. etc. How to download your Joomla files? To back up the Joomla files to your computer you can use an FTP client to connect to your account. you will see the public_html folder. where the files of your site are stored). FTP Client Software An FTP Client is a software designed to transfer files back-and-forth between two computers over the Internet. etc. CuteFTP or SmartFTP) uploading/downloading a file is really easy. auto resuming of the transfer. and downloads are not protected (not recommended for uploading or downloading large files). FTP clients' interface is usually divided in two . you need to establish an FTP connection.) or an FTP Client. FTP uploads are sometimes very slow. To make a backup of your Joomla 1.) and the pane on the right displays the files on the remote server (if this is your website hostingaccount. With an FTP Client (such as FileZilla. FTP Client Tutorial How to use FTP for File Transfer? To transfer files via File Transfer Protocol (FTP). Then navigate to your Joomla application folder and download it to your local computer. When using a web browser for an FTP connection. It needs to be installed on your computer and can only be used with a live connection to the Internet.5 application you need to download all your Joomla files to your computer and export the database that Joomla uses. FTP File Transfer File transfers are made by simply dragging and dropping files from one pane to the other. file queueing and more. You can read the following tutorials for two of the most popular FTP clients: Free FTP Client Software  FileZilla Tutorial How to export/backup your Joomla database? To export/backup your database you can check the how to backup/restore MySQL database tutorial. FTP hosting account where you plan to upload your files.Joomla backup This tutorial will show you how to create a backup of your Joomla 1. MySQL Export: How to backup your MySQL database? 39 . To make an FTP connection you can use a standard Web browser (Internet Explorer.5 website.the pane on the left shows the files and folders on your computer (your Desktop. You can also create additional for other users. Furthermore. FTP clients have some extra features. You can also check our tutorial on how to configure and use an FTP client. My Documents. To transfer a file with FTP you need to have an FTP accounts for the web space you are going to transfer the file to. Additional features of the FTP Client include: multiple file transfers at a time. This will provide you with the option to restore your site if anything goes wrong with your modifications. This is a very nice feature for people with slower Internet connections. Mozilla Firefox. It is important to create an archive of your website before you upgrade your Joomla application or add a new extension to it.

A new page will be loaded in phpMyAdmin showing the selected database. In order to proceed with the backup click on theExport tab: 40 .You can easily create a dump file(export/backup) of a database used by your account. In order to do so you should access thephpMyAdmin tool available in your cPanel: The phpMyAdmin tool will be loaded shortly. You can select the database that you would like to backup from the drop-down menu called Database (located in the upper left corner of the page).

sql format) and Add DROP TABLE (which will add the drop table functionality if the table already exists in the database backup) as shown below: Click on the Go button to start the export/backup procedure for your database: 41 .The options that you should select apart from the default ones are Save as file (which will save the file locally to your computer in an .

42 . If you are not certain about the character set your database is using just leave the default one.A download window will pop up prompting for the exact place where you would like to save the file on your local computer. MySQL Import: How to restore your MySQL database from a backup To restore (import) a database via phpMyAdmin. This can be done from the drop-down menu on the left.sql file. It is possible that the download starts automatically. This depends on your browser's settings. Then click the Import tab: You have the option of importing an . Use the Browse button to find it on your local computer. Note that you are given the option to choose the character set of the file from the drop down-menu just below the upload box. first choose the database you'll be importing data into.

If the account is too large for the full automatic backup the files and the databases should be backed up separately. 43 . Please. You can also check our tutorial on how to create a backup of your site and restore it. click here to learn how to backup/restore your MySQL database. Account backups can be performed using the cPanel -> Backups functionality for your hosting account. You may also request an affordable backup creation of your whole account by posting a ticket from the Exclusive Professional Services tab inside your Help Desk area. Backup Tutorial How to create a backup of your site and restore it? You can do your backup quite easily. You must take care of them all if you want to have your site exactly the way it has been before. If your account is not too big in size you can perform a full account backup just with one click. After that you can easily upload back the files to your hosting account and your website will be restored.In order to start the restore click on the Go button at the bottom-right. How to backup/restore your database? Once having all the files on your computer. A notification will be displayed upon a successful database import. Usually sites are composed of files and databases. please download all the files from your public_html folder to your computer by using your favorite FTP client. How to backup/restore your files? In order to backup your files. you should make a dump of your MySQL database. In this case you would need to know what your web site consist of and thus what should be backed up/restored.

Sign up to vote on this title
UsefulNot useful