Nos domaines de formation :

Formation Drupal 7, designer
personnaliser le design graphique de vos sites

Stage pratique
Durée : 2 jours
Réf : RUD
Prix  2018 : Nous contacter
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
Programme

Ce cours vous montrera comment mettre en place une charte graphique au sein d'un site Drupal. Vous apprendrez à installer, personnaliser et créer des thèmes. Vous découvrirez également comment organiser le contenu de vos pages via les vues et les panels ainsi que la façon de contrôler la navigation au sein d'un site.

Objectifs pédagogiques

  • Installer et personnaliser un thème Drupal
  • Paramétrer un sous-thème à partir d'un thème Drupal existant
  • Créer un nouveau thème Drupal
  • Enrichir un thème Drupal avec des menus déroulants et des effets visuels
  • Organiser les pages d'un site avec les modules Views et Panels

Travaux pratiques

Création d'une maquette personnalisée.

Méthodes pédagogiques

Explications illustrées de démonstrations, exercices et travaux pratiques.
PROGRAMME DE FORMATION

Installer et personnaliser un thème

  • Structure et organisation des thèmes dans Drupal.
  • Structure et rôle des différents fichiers d'un thème : .info, page.tpl.php, node.tpl.php.
  • Activer un thème existant pour la partie site.
  • Activer un thème existant pour la partie Administration.
  • Contrôler l'affichage des blocs dans un thème.

Travaux pratiques
Installer et configurer un thème pour la partie Site et pour la partie Administration.

Créer un sous-thème à partir d'un thème existant

  • Créer un thème personnalisé à partir du thème Omega et du module Omega Tools.
  • Adapter les éléments d'un thème de base au sous-thème.
  • Optimiser le rendu d'un thème à l'aide d'une feuille de style CSS.
  • Ajouter une feuille de style CSS à partir d'un module.
  • Utiliser le module Color.

Travaux pratiques
Créer un sous-thème à partir d'un thème existant.

Créer un thème

  • Concevoir le layout.
  • Ajouter les régions.
  • Styler le thème à l'aide des CSS.
  • Adapter les paramètres du thème.
  • Utiliser le module Devel et le module Theme.
  • Utiliser Web Developer pour prévisualiser et valider un thème.
  • Modifier la structure d'une page avec les fichiers de templates.
  • Personnaliser le rendu d'un type de noeud.

Travaux pratiques
Créer un thème personnalisé avec ses régions et ses paramètres de configuration.

Contrôler la navigation dans les thèmes

  • Ajouter un menu pour un thème.
  • Créer des sous-menus avec le module Menu.
  • Ajouter et manipuler des variables dans un thème.
  • Styler le dispositif de pagination de Drupal.
  • Créer un menu déroulant à l'aide de JavaScript.

Travaux pratiques
Ajouter un menu déroulant pour la navigation principale du site à l'aide de JavaScript (jQuery...).

Utiliser les Vues et les Panels

  • Créer une Vue simple.
  • Intégrer une Vue dans un template de nœud.
  • Contrôler le rendu de la Vue.
  • Utiliser les Panels pour créer une page d'accueil.
  • Intégrer le contenu dans un Panel.
  • Créer des styles personnalisés à l'aide du module Stylizer.

Travaux pratiques
Créer une page d'accueil à l'aide d'une page Panel et d'une Vue personnalisée.

Participants / Prérequis

» Participants

Toute personne ayant à personnaliser l'apparence d'un site Drupal.

» Prérequis

Avoir une connaissance générale de l'utilisation de Drupal ou connaissances équivalentes à celles apportées par le cours "Drupal 7, éditeur/contributeur" (Réf. RUA).
Intra / sur-mesure
Programme standard     Programme sur-mesure
Oui / Non

Vos coordonnées

Dates de sessions

Prochaines sessions : Nous consulter

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.