Comment modifier un modèle Drupal

Comment modifier un modèle Drupal


Drupal dispose d'un riche panel d'administration qui vous permet un contrôle total sur votre site Drupal. Les fonctions du panneau d'administration sont construits pour les débutants et les développeurs, ce qui donne à chacun la possibilité de gérer les aspects de l'apparence, le contenu et les caractéristiques du site. La page Apparence se concentre sur les schémas, les couleurs et le thème de Drupal. La profondeur de ces options est déterminée par le thème ou le modèle utilisé. Par défaut, Drupal ne comprend pas une façon de modifier les modèles. Pour les modifier, vous devez toujours télécharger le thème et ouvrir chaque fichier de modèle dans un éditeur HTML. Le module éditeur de thème Drupal, un simple add-on, peut être installé à travers le panneau d'administration pour y parvenir.

Instructions

1 Connectez-vous à votre site Drupal pour accéder au panneau d'administration. Cliquez sur "Modules" dans la barre de navigation supérieure et notez la version indiquée à côté de vos modules installés.

2 Télécharger le "Theme Editor," "ctools" et "Vues" modules du site Drupal. Faites défiler jusqu'à la section "Téléchargements" de chaque page correspondante et cliquez-droit sur le lien ".zip" sous la rubrique "Téléchargements" rubrique qui se rapporte à votre version de Drupal, et choisissez "Enregistrer le lien sous". Enregistrez chaque fichier à un emplacement facile à trouver, tel que votre bureau Windows. Assurez-vous que vous enregistrez le fichier ZIP et ne l'extraire.

3 Retour à votre panneau d'administration de Drupal. Sur la page Modules, cliquez sur "Installer un nouveau module." Cliquez sur le bouton "Parcourir" sous "Ajouter une archive module ou thème à installer" et accédez à l'emplacement de votre fichier ZIP téléchargé. Sélectionnez le fichier et cliquez sur «Ouvrir». Cliquez sur "Installer". Une brève barre de progression apparaît, suivie d'un message de réussite. Cliquez sur le lien "Activer les modules nouvellement ajoutés". Vous serez renvoyé à la page Modules. Répétez cette procédure pour installer les autres fichiers de module.

4 Faites défiler vers le bas de la page Modules une fois que vous êtes revenu d'installer le module final. Cochez chaque case sous le "Chaos Tools Suite," "Vues" et "sections de l'éditeur de thème" pour activer les fonctions. Vous ne pouvez pas être en mesure de vérifier "Outils Chaos (ctools) Plugin Exemple," ce qui est bien, que cette option ne soit pas nécessaire. Cliquez sur "Enregistrer la configuration" lorsque vous avez terminé.

5 Cliquez sur "Apparence" dans la barre de navigation supérieure. À côté de chaque thème, vous trouverez un nouveau lien "Editor". Cliquez sur ce lien pour entrer dans l'éditeur de thème. Par défaut, le premier fichier que vous êtes montré est "info" le dossier du thème. Faites défiler la liste jusqu'à ce que vous voyez la liste des fichiers de modèle de thème.

6 Cliquez sur le lien du nom de fichier pour "page.tpl.php." Ce modèle contrôle la structure des pages Drupal au sein de votre thème et est l'endroit où vous souhaitez ajouter, modifier ou supprimer des éléments tels que les conteneurs DIV ou variables d'utilité Drupal. Vous pouvez également modifier les classes CSS pour chaque DIV si vous avez l'intention d'écrire des styles personnalisés. Lorsque vous avez terminé l'édition, cliquez sur "Enregistrer et Activer les modifications" pour voir votre modèle mis à jour immédiatement si le thème est actuellement activé.

7 Répétez ce processus pour modifier le "style.css" et "layout.css" fichiers. Ces feuilles de style définir le positionnement, le style, les images et les couleurs de la mise en page du thème principal. Vous pouvez également modifier toutes les autres feuilles de style inclus avec votre thème, ainsi que le "node.tpl.php". Le "node.tpl.php" contrôle la mise en page du contenu ou des messages.

Conseils et avertissements

  • Utilisez la page Apparence dans votre panneau d'administration Drupal si vous ne devez modifier les couleurs, logo, ou des blocs compatibles de votre thème, car il présente une interface plus conviviale. Utilisez le "Firebug" add-on pour Firefox pour aider à comprendre ce que chacun des contrôles de classe CSS. Cet add-on vous permet d'un clic droit sur une partie de votre site Drupal et choisissez l'option "Inspecter l'élément", qui vous montrera le code HTML correspondant, et qui fichier CSS les informations de style réside dans. Vous pouvez également utiliser le navigateur Opera , qui a cette fonctionnalité intégrée.