Joomla is a multifunctional site management system (CMS) that allows you to make almost any resource settings. The "Templates" function is responsible for displaying elements on site pages in this CMS. Each of the templates can be installed either automatically or created independently by the webmaster.
It is necessary
- - skills in using HTML and CSS;
- - a package of any Joomla template.
Instructions
Step 1
Before creating your layout, choose a template that you will use to write your own code. This will save you time and avoid writing unnecessary lines of code that are standard for Joomla and are used when installing any skin.
Step 2
Copy the template to a separate folder and open the templateDetails.xml file in its root directory. This document contains service information, description and name of the layout. Modify the required blocks as you see fit. For example, you can edit the descriptor to change the author's name to yours, specify the email, homepage address. On the line, you can enter a name for your future layout.
Step 3
Go to the block of the file being edited. Remove all descriptors that are part of this block, starting with debug and ending with position 14, leaving only one after the operation. Similarly, delete the lines, and Language.
Step 4
After performing the operations, save the changes in the file and delete the language folder in the directory with the template files. Then open the index.php file with the editor you are using and delete all content except for the line:
<? php
defined (‘_ JEXEC’) or die; ?>
Step 5
Give the folder with the template any name, and then pack it into an archive using the archiver program, right-clicking on the directory of your template and selecting "Create archive …". The file to be created must have a.zip extension.
Step 6
Go to the resource administration panel and go to the "Templates" section. Using the installation operation, import the archive you just made and wait for the notification about the successful installation. Then enable the resulting template by selecting it from the default menu.
Step 7
Draw a sample design for your future template and write the appropriate HTML code in the index.php file accordingly. Create code using some of the engine's features. So, you can enter the command to automatically substitute the standard Joomla headers:
This code will include all the required tags in the section of the page.
Step 8
You can enter your own cascading table code into template.css in one of the resource folders. After creating a new css template, include it in your index.php file using
-
/ templates / template; ? & rt; /css/template.css”type =“text / css”>.
Step 9
Next, create the page markup using HTML code. To do this, keep editing index.php according to your given template. If necessary, add the positions you want to the templateDetails.xml file block, assigning the appropriate IDs to each of the sections in your design. So, to set header parameters, you can create a Head and include this parameter in the index.php file as follows:
Step 10
After creating a new head, you can edit it through the Joomla window in the module manager. To do this, make a new publication and insert the necessary text and pictures that will be displayed in the title. Do the same with all the elements of the interface you are creating and save all the changes you made.
