Creation template joomla

Votre site web devra être bien identifié dans la toile internet avec une charte graphique  caractéristique reflétant l'activité de l'entité bénéficiaire (entreprise, administration, université, association, ...), les thèmes abordés et domaines d'intérêt .. etc. 

Cette charte graphique est traduite en modèles communément connus sous le nom de template joomla.

Si vous avez préparé correctement votre ordinateur personnel  et bien suivi nos conseils, vous pouvez commencer la conception de votre template joomla en toute sérénité.

Dans la réalisation de votre site, ce qui vous incombe principalement, c'est préparer votre propre modèle, le template, en adaptant un template existant ou en concevant un nouveau. Pour réussir cette opération, il faudra maîtriser la structure d'un template pour pouvoir l'analyser dans ses détails et le modifier à votre convenance. C'est le but de ce tutoriel et des tutoriels qui vont le compléter. Tout le monde y trouvera son compte, du débutant au professionnel en passant par les étudiants et chercheurs d'emploi de webmaster ou webdesigner.

Pour des raisons pédagogiques, on va commencer par les notions fondamentales et les éléments de base.  Au préalable, installez joomla sur votre ordinateur local. Nous passerons, après, à travers ce tutoriel et le tutoriel suivant à la création d'un template simple pour joomla 1.0.15 tout en expliquant sa structure et les éléments le constituant.

Des tutoriels complémentaires vous apprennent, par la suite, à construire un template complet pour votre site web joomla 1.0 ou joomla 1.5. L'objectif étant d'avoir un code propre parfaitement maitrisable et réussir à modifier et personnaliser un template pour son site web professionnel.

Rappelons qu'un minimum de connaissances sur l'html et le langage css  est requis. La lecture des articles correspondants s'avère nécessaire pour les débutants. Si vous êtes bien initiés, le tutoriel sur le positionnement css des blocs div  vous sera d'un apport considérable. En effet, ce dernier traite des difficultés de mise en oeuvre de certaines propriètés css. La résolution de ces problèmes vous sera utile lors de la construction de votre template professionnel .

Pour commencer, on admet que "c:\xampplite\htdocs\" est la racine de votre serveur web (cf installation xampp). Le dossier de votre site portant le nom "MonSitePerso" est, par conséquent, "c:\xampplite\htdocs\MonSitePerso\" à l'issue de l'installation de joomla sur votre ordinateur local.

Après l’installation de votre site "MonSitePerso", vous avez bien remarqué que son url "http://localhost/MonSitePerso" donne un affichage par défaut basé sur le template "rhuk_solarflare_ii" fourni en standard avec joomla.

Le template est l'élement qui gère toute la partie design de votre site. Concrétement, il s'agit d’un répertoire portant le nom de votre template et situé  dans le dossier "c:\xampplite\htdocs\MonSitePerso\templates\" de votre site "MonSitePerso".

Par défaut, l’installation de joomla 1.0.15 fournit deux templates:  "rhuk_solarflare_ii" et "madeyourweb". Vous pouvez rajouter les vôtres. Ainsi, pour le même site, différents templates seront disponibles et chacun fournit une apparence et un design particulier.

Dans les pages suivantes, vous allez créer votre propre template nommé " TemplatePerso ". Alors le dossier de votre nouveau template sera le suivant: 

 "c:\xampplite\htdocs\MonSitePerso\templates\TemplatePerso".