Drupal 7 Intégrateur/Themer

  • Durée 2 jours
  • Niveau Basique
  • Code CPF 237139
  • ​INTRA Formation dans vos locaux
  • Prix 1600€ HT/jr
  • Pour convenir des dates et formalités

Reprenez 100% du contrôle sur l'apparence de votre site Drupal. Modifiez une charte graphique existante ou créez la vôtre. Surchargez les formatages par défaut de Drupal, en modifiant l'apparence des gabarits de page, des menus, des noeuds, des formulaires... Intégrez votre propre HTML/CSS sous forme de thème Drupal.

Objectifs de la formation

  1. Comprendre le système de "theming" (habillage) de Drupal.
  2. Apprendre à contrôler à 100% le HTML/CSS généré par Drupal.
  3. Etre capable d'intégrer n'importe quelle charte graphique sous forme de thème Drupal.
  4. Créer son propre thème.
  5. Changer l'apparence d'un module sans toucher au code de ce module.

Public concerné

  1. Web designers souhaitant créer des thèmes Drupal, ou concevoir des chartes graphiques qui tiennent compte de la "philosophie Drupal" pour qu'elles soient plus faciles à intégrer ensuite.
  2. Développeurs ou intégrateurs amenés à travailler sur la partie thème d'un projet Drupal.

Pré-requis

  1. Connaître HTML et CSS (indispensable)
  2. Avoir des notions de PHP (conseillé)

Programme détaillé

Télécharger en PDF (149.19 Ko)

1. Introduction

  • Présentation rapide de Drupal et de son jargon (node, taxonomie...).
  • Présentation et installation des outils de développement (WAMP, Editeur PHP, Firefox).
  • Téléchargement et installation de Drupal 7.
  • Les outils du webdesigner : Firebug, ColorZilla, module "Theme developer".
  • Installation d'un site multilingue : installation des langues ; paramétrage du multilingue ; gestion des traductions.

2. Quatre grandes techniques CSS indispensables

Avant de se demander "Comment réaliser telle mise en forme avec Drupal ?", il s'agit de se demander "Comment réaliser telle mise en forme en HTML/CSS ?". C'est en maîtrisant bien les fondamentaux qu'il devient facile de les intégrer dans Drupal.

  • Les menus horizontaux sous forme de liste UL LI.
  • Les mises en page sans tableaux (double colonne, triple colonnne...).
  • Remplacer du texte par une image.
  • Les boîtes à bords arrondis.

3. Comment Drupal fabrique le HTML/CSS envoyé au navigateur ?

  • Via des templates.
  • Via des fonctions de thèmes.
  • Via des modules.
  • Analyse du HTML/CSS généré par Drupal (imbrication des balises, nommage des classes et des ID...)
  • Comment intercepter chacune des options ci-dessus pour proposer sa propre version.

4. Personnaliser le HTML/CSS généré par Drupal (exercices)

Au fil de la formation, nous appliquerons les concepts évoqués ci-dessus au travers d'exercices mettant en oeuvre les particularités de Drupal

INTRA

FORMATION DANS VOS LOCAUX

Nous contacter

L’avis des stagiaires

Note moyenne sur 2 avis clients :
5 sur 5 étoiles
4,5 /5
Critéres d’évaluation :
Pédagogie
4 sur 5 étoiles
4,3/5
Contenu
5 sur 5 étoiles
4,5/5
Rythme
5 sur 5 étoiles
4,5/5

Commentaires des clients

Par Anonyme le 05/10/2017

Pédagogie
4 étoiles
Contenu
5 étoiles
Rythme
5 étoiles

Formation soutenue par quelqu'un qui connait le sujet, le tout dans le bon rythme. On ne ressort pas en ayant l'impression d'avoir perdu son temps.

Par Fanny le 08/12/2016

Pédagogie
5 étoiles
Contenu
4 étoiles
Rythme
4 étoiles

Très bonne formation, à l'écoute.

Contenu de la formation instructif et (très) dense.