Comment Créer Un Modèle Pour Joomla

Table des matières:

Comment Créer Un Modèle Pour Joomla
Comment Créer Un Modèle Pour Joomla

Vidéo: Comment Créer Un Modèle Pour Joomla

Vidéo: Comment Créer Un Modèle Pour Joomla
Vidéo: TUTO: Créer un template Joomla 2024, Peut
Anonim

Joomla est un système de gestion de site multifonctionnel (CMS) qui vous permet de définir presque tous les paramètres de ressources. La fonction "Modèles" se charge d'afficher les éléments sur les pages du site dans ce CMS. Chacun des modèles peut être installé automatiquement ou créé indépendamment par le webmaster.

Comment créer un modèle pour joomla
Comment créer un modèle pour joomla

Il est nécessaire

  • - des compétences dans l'utilisation de HTML et CSS;
  • - un package de n'importe quel modèle Joomla.

Instructions

Étape 1

Avant de créer votre mise en page, choisissez un modèle que vous utiliserez pour écrire votre propre code. Cela vous fera gagner du temps et évitera d'écrire des lignes de code inutiles qui sont standard pour Joomla et sont utilisées lors de l'installation de n'importe quel skin.

Étape 2

Copiez le modèle dans un dossier séparé et ouvrez le fichier templateDetails.xml dans son répertoire racine. Ce document contient des informations sur le service, une description et le nom de la mise en page. Modifiez les blocs requis comme bon vous semble. Par exemple, vous pouvez modifier le descripteur pour remplacer le nom de l'auteur par le vôtre, spécifier l'e-mail, l'adresse de la page d'accueil. Sur la ligne, vous pouvez saisir un nom pour votre futur agencement.

Étape 3

Accédez au bloc du fichier en cours d'édition. Supprimez tous les descripteurs qui font partie de ce bloc, en commençant par le débogage et en terminant par la position 14, en n'en laissant qu'un après l'opération. De même, supprimez les lignes et Language.

Étape 4

Après avoir effectué les opérations, enregistrez les modifications dans le fichier et supprimez le dossier de langue dans le répertoire avec les fichiers modèles. Ouvrez ensuite le fichier index.php avec l'éditeur que vous utilisez et supprimez tout le contenu à l'exception de la ligne:

<?php

défini ('_JEXEC') ou mourir; ?>

Étape 5

Donnez un nom au dossier du modèle, puis placez-le dans une archive à l'aide du programme d'archivage, en cliquant avec le bouton droit sur le répertoire de votre modèle et en sélectionnant "Créer une archive …". Le fichier à créer doit avoir une extension.zip.

Étape 6

Allez dans le panneau d'administration des ressources et allez dans la section "Modèles". À l'aide de l'opération d'installation, importez l'archive que vous venez de créer et attendez la notification de la réussite de l'installation. Activez ensuite le modèle résultant en le sélectionnant dans le menu par défaut.

Étape 7

Dessinez un exemple de conception pour votre futur modèle et écrivez le code HTML approprié dans le fichier index.php en conséquence. Créez du code en utilisant certaines des fonctionnalités du moteur. Ainsi, vous pouvez entrer la commande pour remplacer automatiquement les en-têtes Joomla standard:

Ce code comprendra toutes les balises requises dans la section de la page.

Étape 8

Vous pouvez entrer votre propre code de table en cascade dans template.css dans l'un des dossiers de ressources. Après avoir créé un nouveau modèle css, incluez-le dans votre fichier index.php en utilisant

  • / modèles / modèle; ? & rt; /css/template.css”type =“texte / css”>.

    Étape 9

    Ensuite, créez le balisage de page à l'aide du code HTML. Pour ce faire, continuez à éditer index.php en fonction de votre modèle donné. Si nécessaire, ajoutez les positions souhaitées au bloc de fichier templateDetails.xml, en attribuant les ID appropriés à chacune des sections de votre conception. Ainsi, pour définir les paramètres d'en-tête, vous pouvez créer un Head et inclure ce paramètre dans le fichier index.php comme suit:

    Étape 10

    Après avoir créé une nouvelle tête, vous pouvez la modifier via la fenêtre Joomla du gestionnaire de modules. Pour ce faire, faites une nouvelle publication et insérez le texte et les images nécessaires qui seront affichés dans le titre. Faites de même avec tous les éléments de l'interface que vous créez et enregistrez toutes les modifications que vous avez apportées.

  • Conseillé: