Pour une parfaite compréhension, on va procéder par étapes. Il est supposé que vous avez déjà appris comment repérer les styles css propres à joomla et les paramétrer.

Etape 1: Structure du dossier template

Pour commencer, on admet que :

• "c:\xampplite\htdocs\" est la racine de votre serveur web (à l'issue de l'étape d'installation du serveur xamp sur votre ordinateur personnel).

• "c:\xampplite\htdocs\MonSitePerso\" est le dossier choisi pour votre site portant le nom "MonSitePerso" (à l'issue de l'étape d'installation de joomla sur votre ordinateur personnel).

• "c:\xampplite\htdocs\MonSitePerso\Templates\TemplatePro" est le dossier choisi pour votre template professionnel;

La structure de votre dossier "TemplatePro\" est décrite dans le tutoriel "Création Template". Elle comprend les fichiers suivants:

index.html, index.php, template_css.css, templateDetails.xml et le fichier template_thumbnail.png

Pour le fichier "templateDetails.xml", adapter celui déjà créé pour votre template "TemplatePerso" en modifiant, plus particulièrement,  la balise xml <name> comme suit:

<name>TemplatePro</name>

Le fichier de sécurité "index.html" reste inchangé. En effet, le même fichier peut être utilisé pour n'importe quel template.

Le fichier "template_thumbnail.png" est une image miniature de votre template. Consultez la page correspondante dans le tutoriel "Création template" pour la création et le choix des dimensions de cette image.

Pour les fichiers restants index.php, template_css.css, ce sont les principaux fichiers du template auxquels on va accorder une importance particulière. Il seront construits pas à pas dans les étapes qui suivent.