Comment Convertir un Template XHTML/CSS en Template Joomla! 2.5?

Publié le 13 septembre 2012 par Theussef @TheUssef

Dans ce tutoriel, je vais vous montrer comment créer un Template de base compatible avec Joomla! 2.5, nous avons déjà vu comment Convertir un Template XHTML/CSS en un modèle Joomla! 1.5, et pour faire la même chose chez Joomla! 2.5 c’est aussi pareil, on garde les mêmes commandes et les mêmes instructions et dans ce cas je vous ai déjà préparer un Template Simple, un Template vide pour le Tester et se baser pour comprendre et apprendre à créer votre propre Template.

Vous pouvez commencer à Télécharger le Template de base de ce tutoriel par ici.Et je vous rappel que vous devez avoir Joomla! déjà installé sur un serveur XAMPP ou WAMP ou autres …

Étape 1. – Installer le Template

Télécharger ce  gabarit et installer le sur votre site Joomla en  local. Allez dans le panneau d’administration et activez de ce modèle en tant que modèle par défaut.

Étape 2. – Localisez le dossier Template

Trouvez le dossier des modèles. Pour le serveur XAMPP il se doit à l’emplacement suivant:
C: \ xampp \ htdocs \ joomla-2.5 \ templates \ jt25_blank pour wamp ça sera C: \ wamp \ www\ joomla-2.5 \ templates \ jt25_blank

Étape 3. – Modifier des fichiers de modèle

Ouvrez les fichiers :  index.php, templateDetails.xml, css / styles.css avec un éditeur de texte et commençons à les modifier.Vous n’avez pas besoin d’être un expert en PHP, mais vous devez connaître les bases du HTML et CSS.

Comment ajouter Le contenu / Les composants pour un Template Joomla! 2.5?

Ouvrez le fichier index.php et assurez-vous que le fichier contient les lignes suivantes:

<jdoc:include type="message" /><jdoc:include type="component" />

Ces deux lignes permettent de générer les articles publiés ainsi que les composants. Donc, vous n’avez pas besoin d’ajouter du texte dans un fichier, parce que Joomla va remplir les champs qui seront générés à partir de la base de données.

Comment ajouter une position de module à votre Joomla 2.5 Template?

Supposons que vous voulez ajouter un module dans la partie droite du site. Voici le code que vous devez  utiliser:

<jdoc:include type="modules" name="right"  />

Chaque fois que vous ajoutez un nouveau module dans une position, n’oubliez pas de l’ajouter à la templateDetails.xml, car autrement vous ne trouverez pas la position des modules dans le panneau d’administration. Le code dans le fichier templateDetails ressemblera à ceci:

<position>right</position>

C’est tout pour le moment. Si vous arrivez à comprendre ces simple étapes vous avez le bagage nécessaire pour commencer à développer vos propres Templates pour Joomla! 2.5  et en tout cas je ferai un exemple pratique en vidéo vers la fin de la semaine(samedi ou dimanche). Si vous avez des questions ou besoin d’aide,  vous pouvez laisser un commentaire ci-dessous, et je serai très heureux à vos répondre.