What Default Schema Do Joomlart Templates Use

Intro

This introductory tutorial will give you an insight into the Joomla! templating system and what you can do with it and besides how can you customize those templates according to your needs.

Purpose of templates

A template controls the overall look and layout of a site. It provides the framework that brings together common elements, modules and components as well as providing the cascading style canvass for the site. Both the forepart-terminate and the dorsum-finish of the site have templates.

When Joomla! is kickoff installed several templates are automatically included. Yous can discover many more templates at other websites. Some are available without charge under various licenses, and some are for sale. In addition, there are many developers available who can make custom templates. Yous tin can likewise make your own template.

Templates are managed with the Template Manager, which is located on the Extensions menu in the dorsum-end (administrator) surface area of your site.

Why does Joomla! use templates? [A real beginners guide!]

The manner Joomla! is designed separates out the primal tasks involved in producing a website for efficient maintenance of the software. Ane of these tasks is to create the aesthetic (the wait, experience and layout) of the site. This includes making decisions such as which content elements (components, modules and plugins) you may want to place in any given page.

When producing a spider web folio, the location of well-nigh elements will stay the aforementioned (menus, banner locations, sidebars etc.). Additionally, y'all will want to create the same look (fonts, header styles, color scheme etc.) for every page. For some parts of the site you lot may want to alter the general feel to point a unlike purpose for those pages (such equally a blog section). A fiddling planning is required for this, merely once you have settled on the overall layout for your site, you and then take the task of producing each page of content.

And that's where the template comes in. You can either write all the lawmaking for each page separately, or employ a template for each major department of your site and then that when you lot desire to create a new page you merely "fill up in the blanks". Okay, perhaps it's not that unproblematic, but this tutorial is designed to give yous a step by step guide for constructive template use, starting with how to use one and ending with how to create 1 for yourself.

Use one of the templates supplied with Joomla!
Download 1 of the many costless offerings from the Cyberspace.
Pay for ane to exist modified or produced from scratch if your needs cannot be met any other way.

Summary – a template controls the look of your site and at the same time allows the website administrator focus more on the bodily content.

What tin you practice

A template is used to manipulate the way content is delivered to a web browser or screen reader. Here are some ways you can employ this on your Joomla!-powered site.

Layout

The template is the identify where the design of the main layout is set up for your site. This includes where you lot place different elements (modules). For example: You can control the placement of menus, a log in form, advertizing banners, polls, etc.

Note the changes in content layout!

The main torso(article) of the page can exist altered in style(you lot tin select from unlike styles of brandish such as typical blog layout, a news article, etc) depending on the templates layout. ^*Meet the example image. Annotation the differences in layout, but how the expect is consequent. The sidebar of modules has been moved from left to right and its social club rearranged.

If the template is designed to provide choices, you tin can besides "dynamically" alter the content placement on your site, perhaps putting the primary menu on the right or left side of the screen.

Color Scheme

Using CSS within the template design, y'all tin alter the colors of your backgrounds, text, links or just about anything that you lot could within your ordinary HTML code. Some templates provide a method to change the colour in template management, others require you to change the template's .css file(s).

Images and Effects

Yous can also control the way images are displayed on the page, and fifty-fifty create wink-like effects or include AJAX applications such equally drop-down menus.

Fonts

The aforementioned applies to fonts. The designs for these are all set inside the template's CSS file(s) to create a uniform expect across your unabridged site, which makes it fantastically easy to change the whole look just by altering one or two files rather than every unmarried page.

Browser Specific Solutions

A template can exist designed to alter how it displays on different web browsers, assuasive you to take full advantage of the latest developments without making your site inaccessible to those who are not able to run "up-to-the-minute" system upgrades (such as certain companies who limit what software their employees can use).

Templates Supplied

The post-obit templates are supplied with a default installation of Joomla! iii.ten

Site Templates

Protostar (Default template)
Beez iii

Administrator Templates

ISIS (Default template)
Hathor

Switching Templates

To change the default Template for the Site (frontend) or Administrator (backend), follow these steps:

Access the template manager

Log in to the Administrator (backend). If you are not sure how to practice this see: To log in to the Administrator (backend)

Click on: Extensions → Templates

You will now encounter the Template Manager screen.

Annotation: If you do not see Templates listed as an option on the Extensions bill of fare, so it is most probable because you are not logged in equally a Super Administrator. Simply Super Administrators will meet this card item.

Managing default template

From here you manage your templates for frontend and backend. The default view shows your installed frontend templates styles. The default style for the frontend is marked with a star; in the image below it is 'protostar - Default'.

To change the default style to 'beez3':

click the checkbox left from the style name to select it;
click "Default" on the toolbar;

the star changes from 'protostar' to 'beez3' and you are washed. Alternatively, y'all can click on the shadow of a template's default star to quickly set the template as default.

You can utilize the filter drop-downs on the top or the filter search to limit the number of templates shown in the list of templates. Other options are:

edit - edit the options and Menu Assignment a template is shown on (come across below)
duplicate - duplicate the style of the template
delete - delete a template fashion (must non be default template fashion)

Assigning more than ane template style for the frontend

Joomla gives you the option of switching between 2 or more styles on the frontend. This is done with "Menu Assignment", so y'all can set up unlike styles for each menu or but a menu item. This allows specific "pages" that are divers past carte links to set for a "specific" way. Styles can be of unlike templates.

Template manager method

Click on: Extensions → Template Managing director

Y'all will see your installed template styles, now choose a style which is non fix every bit your default 1. Yellow star indicates the style is a default.

Click on the style name or hit the checkbox to the left of the style name, and click "Edit" on the toolbar.
Yous now see the page "Template: [Edit way]", and go to the section "Carte du jour Assignment" block and choose the menu items on which the style should be shown.

Click "Save" on the toolbar and you´re done. The menu item will now show the selected template.
Go to the frontend of your website and refresh the folio to view the modifications.

Access menu item Menus → [Menu Name]
Choose a card item by checking the box to the left of its name so click on the Edit toolbar button. Alternatively, but click the name of the carte du jour detail to edit it.
On the Edit Menu Item screen, in Template Style, cull the desired template style and click on the Save push button.

Go to the frontend of your website and refresh the folio to view the modifications.

Installing Templates

Install via Admin Panel (packed template file)

Log into the back-end of your site (www.your-site.com/administrator/)

Click on: Extensions -> Extension Director

You run across the page "Extension Manager"

From here you tin can install your Templates, Plugins, Modules, Components and Languages. Y'all accept dissimilar options:

Install from Web - to select an extension listed on the Joomla! Extension Directory
Upload Packet File - to select a package from your PC, upload and install information technology
Install from Folder - to enter the path where the packet is located on your webserver
Install from URL - to enter the URL to the package

Option 4 does everything for you, your environment needs to exist properly configured to allow this. Option 2 requires y'all to download the extension to your PC. Option 3 requires you to unzip and move the folders/files to your webserver. All options require the webserver to have write access to the webspace.

Here, nosotros choose the 2d method: Upload Packet File

Drag and drop file to the upload area to upload. Alternatively yous tin too click the button "Or browse the file" to select the package from your PC.

If the package contains no errors you lot are done and get a success message like the ane below.

Verify installation

Go from tab 'Install' to tab 'Manage', set the 'Blazon' filter to 'Template'. The installed template should appear in the list. If it does, the template is properly installed. Now you can assign one of styles to a carte du jour item or set the style as default. For administrator templates make sure y'all have two windows of the template manager. Activate the new template in 1 of them and reset it in the other ane if something went incorrect.

Install via FTP (unpacked template file)

Templates can besides be installed via FTP without packaging them. Just select the template folder on your PC and upload information technology to your server, using your favourite FTP software. Be certain you upload the template folder to the directory: /path_to_joomla/templates/ - where /path_to_joomla/ is the location of your Joomla! installation on the server. This method is mostly used when you have created a template yourself, and exercise not want to accept to packet it to install the template, or if you want to upload more than one template at once. You lot must and then go into extension managing director and click on Discover in the sub carte. Click on "Notice" in the toolbar if your template doesn't immediately appear. A list of uninstalled items in the FTP should and so appear. Click the checkbox to the left of your template and click on the button 'Install'.

Note: Do not endeavor to utilize FTP to install Components, Modules and Plugins if y'all are a beginner/novice. These items demand database entries which accept to be inserted manually if you bypass the package installer.