✅ Créer un modèle pour Joomla

Table des matières

Avant de développer notre modèle, nous devons connaître certains concepts de la structure de fichiers et de répertoires Joomla. Certains répertoires, éléments et fichiers principaux sont :
ModèleIl s'agit d'un groupe de répertoires et de fichiers qui spécifient la structure et la conception que le site Web adoptera. Nous pouvons avoir plusieurs modèles installés pour sélectionner et ainsi modifier le design en fonction du développement que nous réalisons.
Un fichier modèle combine généralement du code HTML et php où les blocs ou les couches div du Web sont définis dans lesquels le contenu Web sera affiché en fonction de la page ou de la section.
De plus, d'autres blocs peuvent être définis dans le modèle HTML pour insérer des plugins ou du code de fonctionnalités que nous devons exécuter. En général, les blocs que nous définissons des blocs sont l'en-tête du Web, la barre de navigation ou le menu, les colonnes latérales s'il y en avait, la zone de contenu, si nous avons besoin nous pouvons créer tous les blocs que nous voulons, tout dépend du exigences à développer. Ces blocs ou zones sont appelés positions.
ModuleUn module joomla est un objet avec du code HTML, PHP, CSS ou JavaScript qui peut être affiché dans certaines positions ou blocs désignés dans le modèle Web. Par exemple, nous pouvons mettre un accès utilisateur dans l'en-tête, un sélecteur de langue, un formulaire de contact, etc.
BrancherUn plugin Joomla est un objet avec du code HTML, PHP, CSS ou JavaScript qui peut être intégré dans le contenu du web. La différence avec le module est l'endroit où le plugin apparaît sur la page. Le plugin ne peut généralement pas indiquer dans quelle position il va puisqu'ils sont exécutés pour produire un événement par exemple pour valider un email,
ComposantUn composant est un ensemble de modules et de plugins. Par exemple, un composant peut être un magasin virtuel comme Virtuemart, tous les objets composants ont leurs propres paramètres et peuvent être affichés sur une page séparée.
Structure d'un modèle Joomla
Un modèle est un ensemble de fichiers qui définissent la structure du web et les blocs ou positions où l'on peut affecter les différents éléments. Un modèle pour Joomla se compose des fichiers suivants :
index.php: est le fichier principal qui décrit la structure et la conception de la page Web
erreur.php: est le fichier qui contiendra les directives en cas d'erreur de page non trouvée, erreur 404.
Aperçu des images: sont ceux nommés template_preview.png.webp et template_thumbnail.png.webp, qui vous permettront de voir un aperçu du modèle en vignette de l'administrateur.
Composants.php : Ce fichier si on a besoin d'avoir une version imprimable du web alors on configure les feuilles de style pour présenter l'article à imprimer.
Images: est le répertoire où nous allons enregistrer toutes les images du design pour les images.
js: dans ce répertoire, nous mettrons les scripts javascript ou Jquery ou tout ce que nous utilisons.
Langue: dans ce répertoire, nous pouvons trouver les fichiers nécessaires aux traductions dans différentes langues.
Un aspect important est que pour des raisons de sécurité, chaque répertoire doit avoir un fichier index.html vide pour éviter qu'il ne soit lu de l'extérieur afin que quiconque souhaite accéder au répertoire ne verra qu'un document vide.
Après avoir installé Joomla pour notre exemple, nous n'indiquerons pas maintenant comment l'installer, il peut simplement être téléchargé à partir de http://www.joomlaspanish.org/

Après avoir installé Joomla, nous allons créer à un autre endroit un répertoire autre que le répertoire Joomla et nous le nommons Démo pour créer notre modèle. Dans ce répertoire, nous allons d'abord créer le fichier templateDetails.xml, qui est celui qui contient la configuration du modèle, à l'intérieur nous écrivons le code xml suivant.

 Demo Template 1.0 26/02/2015 Sergio [email protected] Copyright (C) 2015 Demo Template demo pour Joomla 3.0 index.php images css debug position-0 position-1 position-2 position-3 position-4 position-5 position -6 position-7 position-8 position-9 position-10

Nous définissons le nom du modèle que nous l'appelons Démo de modèleLorsque nous installerons le modèle dans Joomla, le gestionnaire utilisera ce nom pour créer un répertoire et enregistrer les fichiers du modèle, ce sera également le nom qui sera vu dans le panneau d'administration, l'auteur, les répertoires que contient le modèle et le positions qui auront, on peut en définir plusieurs même si on ne les utilise pas toutes.
Ensuite, nous allons créer le fichier index.php où nous définirons la structure de la toile et les positions correspondantes.

 
 .container {largeur : 980px ; marge-gauche : auto ; / * on centre le web * / margin-right: auto; bordure : noir uni 1px ; } .container {marge : 20px 0px ; / * on applique une marge de 20px au contenu * / border : solide 1px vert ; } .content {flotteur : gauche ; largeur : 750px ; bordure : solide 1px rouge ; } .colder {flotter : à droite; largeur : 270px ; } .colder, .pie, .head {border : 1px bleu uni ; }

Les classes CSS sont faciles à déterminer quels blocs nous avons et quelles positions. Enfin, nous créons un fichier zip avec le répertoire qui contient le modèle et l'installons depuis l'administrateur joomla. Nous accédons au panneau d'administration de Joomla.

De là, nous allons au menu Extensions> Gestionnaire d'extensions et nous procédons à l'installation du modèle que nous avons au format zip.
Rappelles toiN'oubliez pas que chaque template diffère selon la version de Joomla dans ce cas il est compatible avec 2.5 à 3.x. Aussi pour installer tous les répertoires doivent avoir des autorisations pour télécharger des fichiers.

AGRANDIR

Cliquez sur l'image pour l'agrandir

Le modèle installé et reprenant les informations par défaut de Joomla dans ce cas la version 2.5 en espagnol, nous voyons comment le module d'accès utilisateur se trouvait automatiquement en position 3 car il est désigné ainsi par défaut, tandis que le contenu Web est placé en position 1 qui est celui que nous avons assigné dans le contenu Web. Depuis l'administrateur, nous pouvons changer la position des différents éléments que nous gérons.
Une fois le template installé, si nous voulons le mettre à jour ou le modifier, nous pouvons agir sur le code du template installé dans joomla dans le répertoire templetes ou travailler en dehors de Joomla dans un autre répertoire, recréer le fichier zip, puis supprimer le template depuis joomla et réinstallez-le.