The content management system of the site "Joomla" allows you to choose a design style from a database of ready-made templates, and create your own style and apply it to your site.
What is a template and what does it consist of
The Joomla template is a collection of files with code, images and icons, which by default is located in the / templates folder. The markup information for your template should be written in the index.php file. This is HTML code in which the areas in which this or that information will be displayed are indicated. Information about this is written to this file in the form of php-functions (examples of functions are navigation, body text, title, etc.). An important division in terms of template organization in Joomla is the distinction between main and additional content. The first is responsible for displaying the so-called components, and the second is for displaying modules.
Joomla components are a kind of extension, the content of which is displayed, as a rule, in the center of the site page. This is the information core. In addition, banners are built-in components of the Joomla system. Joomla modules allow you to extend the functionality of the template. They consist of an executive code and a configuration file. To install the created components and settings, use the "Template Manager" "Joomla". Click "Find" - the system will recognize the settings stored in the / templates folder. Select your template and click Install.
Another important file of “Joomla” template settings is template_css.css. As the name implies, with the help of this file the external design of your site is determined directly. The code is written in the CSS language, so you can use all the features of this language: set the size, color and type of fonts, the position of the text on the page, etc.
In addition to these main files with code and settings, the template includes graphic user files required for design, a separate file with template settings that determines the appearance of the offline page.
Features a beginner should consider
Oftentimes, not all of the markup areas of your template will contain some information or module on initial use. This can be caused by various reasons, including a bug in the code. To fix this, add an area content check to your template settings file. Now the appearance of the page will change dynamically, depending on the presence of the content. The same applies to the display of modules - if for some reason they lack content, then you need to disable the generation of the code of these modules.