Site à réaliser : [Drupal] Mon Entreprise [repli]

Site complémentaire de démo : [Drupal] Mon Centre de Formation [repli]

A. Préparation de l'intégration des contenus

Installation (chargement et activation) d'un nouveau thème

[But] Changer l'apparence du site.

Procédure : confer (cf.) tutoriel d'initiation à Drupal.

# Coût de Procédure : idem #

[Menu déroulant] Installation (chargement et activation) d'un premier module complémentaire : Superfish

[But] Ajouter la fonctionnalité de base qui manque au thème précédemment installé (Showcase Lite) : le menu déroulant. On installera le module Superfish, spécialement conçu pour cela.

# Début de Procédure

# Coût : 9 micro-tâches

# CMS Drupal

CHEMIN À PRENDRE : Gérer > Extension

Écran intermédiaire Extension :

Cliquer sur le bouton Installer un Nouveau Module

Écran Installer un Nouveau Module :

Champ Installer depuis une URL : coller https://ftp.drupal.org/files/projects/superfish-8.x-1.3.tar.gz (adresse récupérée dans la documentation du module, voir supra)

VALIDER le chargement du module en cliquant sur le bouton Installer.

Réponse à attendre du back-office : « L'installation a été réalisée avec succès ».

Pas de test à réaliser : on peut juste supposer que le module a été chargé.

Écran intermédiaire Gestionnaire de Mises à Jour :

1. Se reporter à la section Étapes Suivantes
2. Cliquer sur le lien Activer les Modules Récemment Ajoutés

Retour sur écran Extension :

1. Se reporter au panneau déroulant Interface Utilisateur (et l'ouvrir)
2. Cocher le module Superfish

VALIDER l'activation du module en cliquant sur le bouton Installer.

Fin de Procédure #

Réponse du back-office : « Le module Superfish a été activé ».

Pas de test à réaliser : il se fera ultérieurement, une fois qu'on aura ajouté les liens du sous-menu.

[Menu déroulant] Chargement de la librairie Superfish (programmes de base du module précédemment installé)

[But] Rendre le module précédemment installé exploitable. Cela se fera avec le chargement de la librairie comprenant les programmes (de base) dont notre module (Superfish) a besoin pour fonctionner.

# Début de Procédure

# Coût : 19 micro-tâches

# CMS Drupal

[DOWNLOAD] Télécharger l'archive (de la librairie) Superfish-for-Drupal-2.x.zip : https://github.com/mehrpadin/Superfish-for-Drupal/archive/2.x.zip

[UPLOAD via cPanel][Panneau Fichiers] Cliquer sur le lien-bouton Gestionnaire de Fichiers

Écran Gestionnaire de Fichiers :

1. [Après s'être placé sous le dossier « sites »][Bouton Dossier] Créer le dossier « all » (4 micro-tâches)
2. [Sous le dossier « all »][Bouton Dossier] Créer le dossier « libraries » (3 micro-tâches)
3. [Sous le dossier « libraries »][Bouton Charger] Charger l'archive Superfish-for-Drupal-2.x.zip (3 micro-tâches)
4. [Après sélection de l'archive][Bouton Extraire] Décompresser l'archive (si le répertoire Superfish-for-Drupal-2.x n'apparaît pas, il faudra cliquer sur le bouton Recharger pour la visualiser) (5 micro-tâches)
5. [Après sélection de l'archive][Bouton Renommer] Mettre à jour le nom de l'archive en remplaçant Superfish-for-Drupal-2.x par « superfish » (4 micro-tâches)

Fin de Procédure #

Réponses du gestionnaire de fichiers de cPanel : hors de propos.

Pas de test à réaliser : voir supra.

[Menu déroulant] Ajout du bloc Superfish | Retrait du bloc de base

[But] Remplacer le bloc de base, qui n'affichera pas notre sous-menu (liens de niveau II). On lui substituera le bloc Superfish, pour afficher le sous-menu dans un menu déroulant.

# Début de Procédure

# Coût : 9 micro-tâches

# CMS Drupal

CHEMIN À PRENDRE : Gérer > Structure

Écran intermédiaire Structure :

Cliquer sur l'item Mise en Page des Blocs

Écran Mise en Page des Blocs :

1. Se reporter à la section Header Second (dans les dix premières)
2. Cliquer sur le bouton Placer le Bloc

Lightbox Positionner un Bloc :

1. Se reporter au bloc « Navigation principale » (attention, il y en a deux : on prendra celui qui est lié au module Superfish)
2. Cliquer sur le bouton Positionner un Bloc

Lightbox Configurer le Bloc :

Décocher la case Afficher le Titre

VALIDER l'ajout du bloc en cliquant sur le bouton Enregistrer le Bloc.

Réponse du back-office (dans l'écran Mise en Page des Blocs) : « La configuration du bloc a été enregistrée ».

Test à réaliser : après rafraîchissement de la page du site, on observera l'apparition du bloc Superfish en dessous du bloc de base.

Sur même écran :

1. Se reporter à la ligne « Main Navigation »
2. Se reporter au Menu déroulant correspondant Configurer
3. Ouvrir le menu (cliquer sur la flèche descendante)

VALIDER le retrait du bloc en cliquant sur l'item Désactiver.

Réponse du back-office : « Les paramètres du bloc ont été mis à jour ».

Test à réaliser : après rafraîchissement de la page du site, on observera le retrait du bloc de base.

Fin de Procédure #

Installation (chargement et activation) du second module : Breadcumb Manager

[But] Remplacer le module de gestion du fil d'Ariane proposé par défaut. On lui substituera le module Breadcumb Manager, qui lui présente l'avantage d'être configurable. (Il sera ainsi possible [procédure suivante] de reprendre le format du fil d'Ariane.)

Commentaire. — Ce qui pourrait apparaître comme une faiblesse est en réalité plutôt une force. Drupal donne en effet la possibilité d'agir sur la logique de construction du fil d'Ariane en fonction des techniques utilisées pour intégrer les contenus (nœuds [+ termes][+ vues]), selon le type des contenus à traiter (qui seront plus ou moins structurés) et, au bout du compte, selon le profil des sites à réaliser.

# Début de Procédure

# Coût : 9 micro-tâches

# CMS Drupal

CHEMIN À PRENDRE : Gérer > Extension

Écran Extension :

Cliquer sur le bouton Installer un Nouveau Module

Écran intermédiaire Installer un Nouveau Module :

Champ Installer depuis une URL : coller https://ftp.drupal.org/files/projects/breadcrumb_manager-8.x-1.0.tar.gz (adresse récupérée dans la documentation du module : https://www.drupal.org/project/breadcrumb_manager)

VALIDER le chargement du module en cliquant sur le bouton Installer.

Réponse à attendre du back-office : « L'installation a été réalisée avec succès ».

Pas de test à réaliser : le module a seulement été chargé, il faut maintenant l'activer.

Écran intermédiaire Gestionnaire de Mises à Jour :

1. Se reporter à la section Étapes Suivantes
2. Cliquer sur le lien Activer les Modules Récemment Ajoutés

Retour sur écran Extension :

1. Se reporter au panneau déroulant Autre (et l'ouvrir)
2. Cocher le module Breadcrumb Manager

VALIDER l'activation du module en cliquant sur le bouton Installer.

Fin de Procédure #

Réponse du back-office : « Le module Breadcrumb Manager a été activé ».

Pas de test à réaliser : le module est actif, il faut maintenant le configurer.

Configuration du module Breadcrumb Manager

[But] Définir le format du fil d'Ariane, qui sera le suivant :

• lien sur page d'accueil ;
• plus liens sur pages intermédiaires se situant entre page d'accueil et page courante ;
• puis titre de page courante.

Les libellés des liens seront ceux du menu principal (Accueil/Mes Services/Mentions légales) et du sous-menu « Mes Services » (Service A/Service B/Service C).

C'est ainsi que, pour le service A, notre module affichera, par défaut :

Accueil > Mes Services > Service A (dernier lien du fil d'Ariane : lien sur page courante) > Service A (titre de page courante)

On reprendra sa configuration de façon à ce qu'il affiche simplement :

Accueil > Mes Services > Service A

# Début de Procédure

# Coût : 5 micro-tâches

# CMS Drupal

CHEMIN À PRENDRE : Gérer > Configuration

Écran intermédiaire Configuration :

1. Se reporter au panneau déroulant Interface Utilisateur (et l'ouvrir)
2. Cliquer sur l'item Breadcrumb Manager

Écran Breadcrumb Manager :

Décocher la case « Show current page title at end » (pour retirer le dernier lien du fil d'Ariane, celui qui pointe vers la page courante)

VALIDER la configuration mise en place en cliquant sur le bouton Enregistrer les Paramètres.

Fin de Procédure #

Réponse du back-office : « Les options de configuration ont été enregistrées ».

Pas de test à réaliser : il se fera ultérieurement, lors de l'intégration des contenus.

B. Intégration des contenus

Étape 1 : Créer les pages, en tant que Pages de Base

[But] Alimenter le site. Les pages devront être créées en tant que nœuds instances du type de contenu « Page de base ». C'est la première Page de Base (Mon Agence) qui nous servira de page d'accueil.

Filiation des Pages de Base. Nos Pages de Base n'auront pas à être hiérarchisées (de toute manière, elles ne peuvent pas l'être), mais il faudra néanmoins, au travers des chemins de navigation, indiquer leur filiation, pour que Drupal et son module dédié (Breadcrumb Manager) puisse construire le fil d'Ariane.

Commentaire. — Dans sa configuration de base, Drupal propose un second « type » : le type Article. (L'outil permet en plus de créer des « types » personnalisés, pour des formats plus spécifiques.)

[Page d'accueil] Page de Base « Mon Agence »

<h2>En-tête de section</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet nisi non augue vestibulum pulvinar. Morbi purus quam, tristique vitae blandit a, ultricies vitae orci. Ut imperdiet odio vel feugiat euismod. Sed auctor sollicitudin ullamcorper. Donec quis interdum ipsum. Donec condimentum sapien at felis convallis commodo. Vestibulum ex erat, porta non malesuada sit amet, aliquet sit amet neque. Suspendisse in urna eget leo sagittis fringilla. Sed nec aliquam nisi. Nulla pharetra massa neque, congue dictum nisi faucibus elementum. Nam vitae nunc at elit volutpat faucibus. Nullam finibus, lacus id ornare placerat, est turpis fringilla magna, ac suscipit est elit vitae mi. Aenean sapien turpis, egestas ac elit convallis, consectetur commodo diam. Pellentesque sit amet mattis justo. Cras vitae consequat sem.</p>