ESCG - Master marketing digital - Programme 2016/2017

Écrit par Frédéric Simonet.

Partenaire ESCG
Cursus Master marketing digital et relation client
Module de 36 heures CMS WordPress/Joomla/Drupal
Responsable Jean-Philippe Rusch et Bernard Sauvage

Programme

Neuf sessions de quatre heures :

  • Le 23-03-2017 : [démo] prise de contact avec Wordpress/Joomla/Drupal.
  • Le 06-04-2017 : [généralités] positionnement général des CMS (Web 2.0 et webmarketing).
  • Le 04-05-2017 : [théorie] architecture technique des CMS WordPress/Joomla/Drupal.
  • Le 18-05-2017 : [pratique] Atelier WordPress (terminologie + travaux dirigés).
  • Le 08-06-2017 : [projets] Définition des contenus.
  • Le 09-06-2017 : [pratique] Atelier Joomla (terminologie + travaux dirigés).
  • Le 22-06-2017 (matin) : [projets] Définition des contenus ; définition de l'architecture des contenus.
  • Le 22-06-2017 (après-midi) : [projets] intégration des contenus avec Joomla.
  • Le 06-07-2017 : [EXAMEN] contrôle individuel + projet (intégration des contenus avec WordPress).

[Sujet de l'examen individuel] Le sujet portera sur des thématiques qui sont détaillées dans l'ouvrage de l'intervenant (WordPress, Joomla, Drupal | Comprendre avant de s'engager : guide utilisateur des trois CMS les plus utilisés). Thématiques à étudier :

  • Fondamentaux d'un projet Web (p. 101-115, chap. 4).
  • Architecture fonctionnelle et terminologie des CMS WordPress/Joomla/Drupal (p. 28-34, chap. 1).
  • Environnement technologique des CMS WordPress/Joomla/Drupal (p. 327-329, en annexe).
  • Les critères les plus généraux à utiliser pour comparer les CMS (p. 35-38, chap. 2).

[Sujet des projets] Les projets porteront sur la présentation des métiers du marketing digital :

  • Responsable de la stratégie digitale.
  • Marketing Business Analyst.
  • Data Miner.
  • Responsable marketing digital.
  • Responsable CRM.
  • Traffic Manager.
  • Chef de produit Web.
  • Responsable de marque en ligne (Brand Manager).
  • Community Manager.
  • Responsable contenu numérique (Content Manager).
  • Analyst Revenue Manager.

[Un métier par équipe] Chacune des équipes constituées présentera un métier : groupes

[Cadre général des projets] Les projets devront satisfaire les contraintes suivantes :

  1. 20 pages de contenu avec au moins 300 mots par page.
  2. Autant de pages statiques que de pages dynamiques (Blog).
  3. Deux niveaux de classement des contenus (rubriques et sous-rubriques).
  4. Des visuels (images/photos) dont la source sera citée.

Remarque I. — Tout le monde utilisera le même thème. Le changement de thème n'apportera aucun bonus.

Remarque II. — Le copier-coller de contenus ne sera autorisé que pour les contenus provenant de Blogs et qui seront intégrés dans le Blog du projet — s'il y en a un. La source sera indiquée.

[Outil de travail] Outil à utiliser pour définir les contenus : Google Drive.

Ressources

Support général : CMS

Sites de référence Wordpress/Joomla/Drupal :

Démo

Front-office vs back-office. Le front-office désignant le site Web en tant que tel, le back­-office désigne quant à lui l'espace de travail qui va permettre d'administrer le site Web. Cet espace est sécurisé, on ne peut y accéder que si l’on possède un identifiant et un mot de passe, attribué par le « super administrateur » (personne ayant installé le CMS).

Sites de test Wordpress/Joomla/Drupal:

Page statique vs page dynamique. Les pages statiques sont des pages qui s'inscrivent dans la durée, il s'agit de pages structurantes dont la fonction est de fixer le cadre général. Les pages dynamiques assurent une autre fonction, celle d'attirer l'attention de l'utilisateur sur une fait d'actualité, leur portée peut se limiter à quelques jours seulement.

Pages « statiques » à intégrer :

  1. Mon entreprise (page d'accueil)
  2. Mes services
  3. Service A
  4. Service B
  5. Service C
  6. Mes mentions légales

Contenu — fictif — des pages :

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.

Feuille de route Wordpress :

  1. Mettre à jour le nom et le slogan du site : remplacer « My Blog » par « Mon entreprise » et « My WordPress Blog » par « Le slogan de mon entreprise ».
  2. Créer le menu « menu-principal » sans oublier d'activer les options « Automatically add new top-level pages to this menu » et « Primary menu ».
  3. Intégrer les six pages en tant que « page [statique] ». Il convient d'affilier les pages « Service [A, B, C] » à la page « Mes services ». (L'outil donne la possibilité de réordonner les pages, qui par défaut sont classées par ordre alphabétique — l'ordre des pages s'exploite dans l'écran de gestion des menus.).
  4. Mettre à jour le lien « Mon entreprise » — le remplacer par Accueil — puis intégrer les liens sur les pages « Service [A, B, C] » en tant que liens de second niveau.
  5. Mettre à jour la page d'accueil : celle-ci doit afficher la page « Mon entreprise ».

Feuille de route Joomla :

  1. Mise à jour du nom et slogan du site.
  2. Intégration des six pages en tant qu'« article », et qui, pour cette raison, n'ont pas à être hiérarchisés.
  3. Mise à jour du lien défini par défaut dans le menu principal et intégration des cinq autres liens.
  4. Retrait des boutons de pagination des articles : il faut pour cela se reporter à l'écran de configuration des contenus et désactiver l'option « Show Navigation ». (L'outil donne aussi la possibilité de configurer les pages individuellement.)
  5. Retrait des métadonnées : il faut pour cela désactiver les options « Show Author », « Show Category », « Show Publish Date » et « Show Hits ».

Feuille de route Drupal :

  1. Intégration des six pages en tant que « Basic page », qui, de la même manière qu'avec joomla, n'ont pas à être hiérarchisées. À l'exception de la page « Mon entreprise », les pages seront intégrées directement dans le menu.
  2. Mise à jour du nom et slogan du site.
  3. Mise à jour de la page d'accueil.
  4. Réorganisation des liens du menu.
  5. Activation du bloc permettant d'afficher les liens de second niveau.

Contenu des sites à réaliser avec Wordpress, Joomla et Drupal :

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.

Premier en-tête de section

Entrée 1.1. 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.

Entrée 1.2. 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.

Entrée 1.3. 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.

Deuxième en-tête de section

Entrée 2.1. 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.

Entrée 2.2. 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.

Entrée 2.3. 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.

Mots-clés concernant les stages :

  • Paris, Lyon, Bordeaux ;
  • Formation Inter, Formations Intra, Formation diplômante ;
  • Présentiel, e-learning, classe virtuelle.

Jeux de mots-clés :

  • Paris, Formation Inter, Présentiel ;
  • Formation Inter, Classe virtuelle ;
  • Formation Inter, E-learning.

Images à télécharger : https://app.box.com/s/m4os7asr8lar5xgb5r019oo6dzouwup4

Sites Wordpress [MAVG]

Espaces de travail : user[01-10].plateforme08-yws.fr

Site de référence : http://ref-wordpress442-mon-centre-de-formation.plateforme02-yws.fr

Espaces de repli [SITD] : user[01-10].plateforme05-yws.fr

Architecture du site et concepts à exploiter

Page d'accueil, rubriques et articles :

— Page d'accueil [page statique : page] Mon centre de formation

— Rubrique [page statique : page] Formations

— Sous-rubrique [page statique : page] Formations Marketing

— Article [page statique : page] Module Marketing 1
— Article [page statique : page] Module Marketing 2
— Article [page statique : page] Module Marketing 3

— Sous-rubrique [page statique : page] Formations Ressources humaines

— Article [page statique : page] Module Ressources humaines 1
— Article [page statique : page] Module Ressources humaines 2
— Article [page statique : page] Module Ressources humaines 3

— Sous-rubrique [page statique : page] Formations Gestion

— Article [page statique : page] Module Gestion 1
— Article [page statique : page] Module Gestion 2
— Article [page statique : page] Module Gestion 3

— Rubrique [page dynamique : catégorie] Stages en cours

— Sous-rubrique [page dynamique : catégorie] Stages Marketing

— Article [page dynamique : article] Stage Marketing 1
— Article [page dynamique : article] Stage Marketing 2
— Article [page dynamique : article] Stage Marketing 3

— Sous-rubrique [page dynamique : catégorie] Stages Ressources humaines

— Article [page dynamique : article] Stage Ressources humaines 1
— Article [page dynamique : article] Stage Ressources humaines 2
— Article [page dynamique : article] Stage Ressources humaines 3

— Sous-rubrique [page dynamique : catégorie] Stages Gestion

— Article [page dynamique : article] Stage Gestion 1
— Article [page dynamique : article] Stage Gestion 2
— Article [page dynamique : article] Stage Gestion 3

— Page [page statique : page] Galerie de photos

Feuille de route

Feuille de route concernant les contenus, le menu et la galerie de photos :

  1. Mettre à jour le nom et le slogan du site.
  2. Créer le menu principal.
  3. Intégrer la page d'accueil en tant que page.
  4. Mettre à jour le libellé du lien pointant vers la page d'accueil.
  5. Intégrer et hiérarchiser les pages de présentation des formations puis intégrer les liens.
  6. Intégrer les catégories de l'espace Stages en cours.
  7. Intégrer, catégoriser et étiqueter les articles puis intégrer les liens sur les catégories.
  8. Reprendre la configuration des widgets.
  9. Insérer une photo dans chacun des articles présentant les stages (neuf en tout).
  10. Intégrer la galerie de photos en tant que page.

Step 1

Mettre à jour le nom et le slogan du site :

  1. Ouvrir le menu Réglages puis sélectionner l'item Général.
  2. [Champ Titre du site] Saisir comme valeur MCF - Mon Centre de Formation.
  3. [Champ Slogan] Saisir comme valeur Le slogan de mon centre de formation.
  4. Cliquer sur Enregistrer les modifications.
  5. Se reporter au front-office puis tester en rafraichissant la page (touche F5 du clavier).

Step 2

Créer le menu principal :

  1. Ouvrir le menu Apparence puis sélectionner l'item Menus.
  2. [Champ Nom du menu] Saisir comme valeur menu-principal.
  3. Cliquer sur Créer le menu.
  4. [Section Réglages du menu] Sélectionner les options :
    1. Ajouter automatiquement les pages de premier niveau à ce menu ;
    2. Menu principal.
  5. Cliquer sur Enregistrer le menu.

Commentaire.— L'outil donne la possibilité de créer des menus supplémentaires, mais ceux-ci ne seront exploitables que si le thème utilisé intègre autant d'emplacements venant s'ajouter à l'emplacement du menu principal. Le thème Hueman donne cette possibilité.

Step 3

Intégrer la page d'accueil en tant que page :

  1. Ouvrir le menu Pages puis sélectionner l'item Ajouter.
  2. [Champ de saisie du titre de la page] Saisir comme valeur Mon centre de formation.
  3. [Éditeur] Copier-coller le contenu.
  4. [Barre d'outil de l'éditeur] Cliquer sur l'icône donnant accès à la barre d'outils complémentaire.
  5. Surligner le premier en-tête ; [liste déroulante Paragraphe] sélectionner le format Titre 2.
  6. Répéter la tâche précédente avec l'autre en-tête.
  7. [Barre d'outil][Icône B] Appliquer le « style » Gras aux entrées des paragraphes. (Le style appliqué correspond en fait à un format qui sert essentiellement à optimiser le référencement des mot-clés.)
  8. Cliquer sur Publier.
  9. Ouvrir le menu Réglages puis sélectionner l'item Lecture.
  10. [Boutons radio La page d'accueil affiche] Sélectionner l'option Une page statique.
  11. [Liste déroulante Page d'accueil] Sélectionner la page Mon centre de formation.
  12. Cliquer sur Enregistrer les modifications.

Commentaire. — L'ajout de cette page en tant que page de premier niveau se traduit par l'intégration automatisée du lien pointant vers celle-ci dans le menu principal.

Step 4

Mettre à jour le libellé du lien pointant vers la page d'accueil :

  1. Ouvrir le menu Apparence puis sélectionner l'item Menus.
  2. [Section Structure du menu] Ouvrir le panneau déroulant Mon centre de formation en cliquant sur la flèche descendante.
  3. [Champ Titre de la navigation] Remplacer Mon centre de formation par Accueil.
  4. Cliquer sur Enregistrer le menu.

Step 5

A. Intégrer la page Formations :

  1. Ouvrir le menu Pages puis sélectionner l'item Ajouter.
  2. [Champ de saisie du titre de la page] Saisir comme valeur Formations.
  3. [Éditeur] Copier-coller le contenu générique de la page d'accueil.
  4. Cliquer sur Publier.

B. Intégrer la page Formations Marketing :

  1. Cliquer sur Ajouter [une page].
  2. [Champ de saisie du titre de la page] Saisir comme valeur Formations Marketing.
  3. [Éditeur] Copier-coller le contenu générique de la page d'accueil.
  4. [Panneau Attributs de la page][Liste déroulante Parent] Sélectionner la page Formations.
  5. Cliquer sur Publier.

Réitérer la procédure avec les pages Formations Ressources humaines et Formations Gestion.

Remarque. — Wordpress fait apparaître dans les chemins des URL la hiérarchie des pages : a) formations/formations-marketing ; b) formations/formations-ressources-humaines ; c) formations/formations-gestion.

Commentaire. — Tout comme les pages de premier niveau, les pages de deuxième niveau sont classées par ordre alphabétique.

C. Intégrer la page Module Marketing 1 :

  1. Cliquer sur Ajouter [une page].
  2. [Champ de saisie du titre de la page] Saisir comme valeur Module Marketing 1.
  3. [Éditeur] Copier-coller le contenu générique de la page d'accueil.
  4. [Panneau Attributs de la page][Liste déroulante Parent] Sélectionner la page Formations Marketing.
  5. Cliquer sur Publier.

Réitérer la procédure avec les pages Module Marketing 2 et Module Marketing 3.

Commentaire. — Le classement des pages par ordre alphabétique s'applique aussi aux pages de troisième niveau.

D. Réitérer la procédure C avec les six dernières pages :

  1. Pages Module Ressources humaines [1, 2, 3] ;
  2. Pages Module Gestion [1, 2, 3].

Les pages Module Ressources humaines [1, 2, 3] et Module Gestion [1, 2, 3] doivent être affiliées aux pages Formations Ressources humaines, pour les premières, et Formations Gestion, pour les secondes.

E. Intégrer les liens pointant vers les pages de niveau 2 et 3 :

  1. Ouvrir le menu Apparence puis sélectionner l'item Menus.
  2. [Panneau Pages] Activer l'onglet Afficher tout.
  3. Sélectionner les pages à intégrer dans le menu.
  4. Cliquer sur Ajouter au menu.
  5. Affilier (glisser-déposer) les liens Module Gestion [1, 2, 3] au lien parent Formations Gestion.
  6. Affilier les liens Module Marketing [1, 2, 3] au lien parent Formations Marketing.
  7. Affilier les liens Module Ressources humaines [1, 2, 3] au lien parent Formations Ressources humaines.
  8. Ordonner les liens de deuxième niveau — 1. Formations Marketing ; 2. Formations Ressources humaines ; 3. Formations Gestion — puis les affilier au lien parent Formations.
  9. Cliquer sur Enregistrer le menu.

Commentaire.— L'outil donne la possibilité de définir les items comme en-têtes [qui serviront simplement à ouvrir les sous-menus]. Pour cela, il faut d'abord ouvrir le panneau déroulant Liens Personnalisés. Il faudra ensuite saisir le chemin de la future page courante (champ : Adresse web ; valeur : « # ») — qui sera ensuite désactivé —, saisir le libellé de l'en-tête (champ Texte du Lien), puis ajouter le lien en cliquant sur Ajouter au Menu. Une fois ajouté, on désactivera le lien en retirant le « # » du champ Adresse Web et on validera la mise à jour en cliquant sur Enregistrer le Menu.

Step 6

A. Créer la catégorie parente Stages en cours :

  1. Ouvrir le menu Articles puis sélectionner l'item Catégories.
  2. [Champ Nom] Saisir comme valeur Stages en cours.
  3. [Champ description] Copier-coller le contenu générique (premier paragraphe seulement).
  4. Bouton Ajouter une nouvelle catégorie.

B. Créer la catégorie fille Stages Marketing :

  1. [Champ Nom] Saisir comme valeur Stages Marketing.
  2. [Liste déroulante Parent] Sélectionner la catégorie Stages en cours.
  3. [Champ description] Copier-coller le contenu générique (premier paragraphe seulement).
  4. Bouton Ajouter une nouvelle catégorie.

Réitérer la procédure avec les catégories Stages Ressources humaines et Stages Gestion.

Commentaire. — Pour un niveau hiérarchique donné, les catégories sont classées chronologiquement, les plus récentes précédant les plus anciennes.

Step 7

A. Désactiver les commentaires en ligne :

  1. Ouvrir le menu Réglages puis sélectionner l'item Discussion.
  2. [Cases à cocher Réglages par défaut des articles] Décocher l'option Autoriser les lecteurs à publier des commentaires sur les nouveaux articles.
  3. Cliquer sur Enregistrer les modifications.

B. Intégrer, catégoriser et étiqueter l'article Stage Marketing 1 :

  1. Ouvrir le menu Articles puis sélectionner l'item Ajouter.
  2. [Champ de saisie du titre de la page] Saisir comme valeur Stage Marketing 1.
  3. [Éditeur] Copier-coller le contenu générique de la page d'accueil.
  4. Positionner le curseur à la fin de l'introduction ; [barre d'outil] cliquer sur l'icône permettant d'insérer le séparateur.
  5. [Panneau Catégorie] Sélectionner les catégories Stages en cours et Stages Marketing.
  6. [Panneau Étiquettes] Saisir les étiquettes Paris, Formation Inter et Présentiel, en les séparant par une virgule.
  7. Cliquer sur Ajouter.
  8. Cliquer sur Publier.

Réitérer la procédure avec les huit autres articles.

C. Intégrer les liens pointant vers les catégories de niveau 1 et 2 :

  1. Ouvrir le menu Apparence puis sélectionner l'item Menus.
  2. [Panneau déroulant Catégories] Ouvrir le panneau en cliquant sur la flèche descendante.
  3. Sélectionner les catégories à intégrer dans le menu.
  4. Cliquer sur Ajouter au menu.
  5. Affilier (glisser-déposer) les liens Stages Gestion, Stages Marketing et Stages Ressources humaines au lien parent Stages en cours.
  6. Ordonner les liens de deuxième niveau : 1. Stages Marketing ; 2. Stages Ressources humaines ; 3. Stages Gestion.
  7. Cliquer sur Enregistrer le menu.

Step 8

A. Intégrer le widget Nuage d'étiquettes :

  1. Ouvrir le menu Apparence puis sélectionner l'item Widgets.
  2. Affecter (glisser-déposer) le widget Nuage d'étiquettes à la zone « Barre latérale ».
  3. [Champ Titre] Saisir comme valeur Lieu, type et format des formations.
  4. Cliquer sur Enregistrer.

B. Intégrer le widget Texte (coordonnées du centre de formation) :

  1. Affecter (glisser-déposer) le widget Texte à la zone « Barre latérale ».
  2. [Champ Titre] Saisir comme valeur Nous contacter.
  3. [Champ Contenu] Copier-coller le contenu indiqué ci-après.
  4. Cocher l'option Créer automatiquement les paragraphes (sinon les retours à la ligne ne seront pas pris en compte).
  5. Cliquer sur Enregistrer.

Contenu de l'encadré Nous contacter :

Par téléphone du lundi au vendredi de 8 h 30 à 18 h 30
Formation
xx xx xx xx xx
Projet
xx xx xx xx xx
Par courrier
Mon Centre de Formation
Numéro, voie, code postal, ville

C. Reconfigurer le widget Articles récents :

  1. [Panneau déroulant Articles récents] Ouvrir le panneau en cliquant sur la flèche descendante.
  2. [Champ Titre] Saisir comme valeur Stages récents.
  3. Cocher l'option Afficher la date du contenu.
  4. Cliquer sur Enregistrer.

D. Retirer les widgets Commentaires récents, Archives et Catégories. Pour cela, il faut se reporter à chacun des widgets, ouvrir les panneaux déroulants (flèche descendante) puis cliquer sur Supprimer.

Step 9

A. Ajouter les photos dans la bibliothèque de médias :

  1. Télécharger les neuf photos.
  2. Ouvrir le menu Médias puis sélectionner l'item Ajouter.
  3. Cliquer sur Choisir des fichiers.
  4. Sélectionner les photos enregistrées localement.

Remarque. — Le chargement se déclenche immédiatement après la sélection des photos.

B. Insérer une photo dans chacun des articles présentant les stages (neuf en tout) :

  1. Ouvrir le menu Articles puis sélectionner l'item Tous les articles.
  2. Ouvrir le premier article (cliquer sur le titre).
  3. Positionner le curseur au début de l'article, générer un paragraphe puis remonter le curseur.
  4. Cliquer sur Ajouter un média.
  5. Activer l'onglet Bibliothèque de médias.
  6. Sélectionner la photo à insérer.
  7. Cliquer sur Insérer dans l'article.
  8. Cliquer sur Mettre à jour.

Step 10

Intégrer la galerie de photos en tant que page :

  1. Ouvrir le menu Pages puis sélectionner l'item Ajouter.
  2. [Champ de saisie du titre de la page] Saisir comme valeur Modules de formation.
  3. Cliquer sur Ajouter un média.
  4. Activer l'onglet [vertical] Créer une galerie.
  5. Sélectionner les photos de la galerie.
  6. Cliquer sur Créer une nouvelle galerie.
  7. Cliquer sur Insérer la galerie.
  8. Cliquer sur Publier.

Sites Joomla [MAVG]

Espaces de travail : user[11-20].plateforme08-yws.fr

Site de référence : http://ref-joomla350-mon-centre-de-formation.plateforme02-yws.fr

Espaces de repli [SITD] : user[01-10].plateforme06-yws.fr

Architecture du site et concepts à exploiter

Page d'accueil, rubriques et articles :

— Page d'accueil [page statique : article] Mon centre de formation

— Rubrique [page statique : catégorie] Formations

— Sous-rubrique [page statique : catégorie] Formations Marketing

— Article [page statique : article] Module Marketing 1
— Article [page statique : article] Module Marketing 2
— Article [page statique : article] Module Marketing 3

— Sous-rubrique [page statique : catégorie] Formations Ressources humaines

— Article [page statique : article] Module Ressources humaines 1
— Article [page statique : article] Module Ressources humaines 2
— Article [page statique : article] Module Ressources humaines 3

— Sous-rubrique [page statique : catégorie] Formations Gestion

— Article [page statique : article] Module Gestion 1
— Article [page statique : article] Module Gestion 2
— Article [page statique : article] Module Gestion 3

— Rubrique [page dynamique : catégorie] Stages en cours

— Sous-rubrique [page dynamique : catégorie] Stages Marketing

— Article [page dynamique : article] Stage Marketing 1
— Article [page dynamique : article] Stage Marketing 2
— Article [page dynamique : article] Stage Marketing 3

— Sous-rubrique [page dynamique : catégorie] Stages Ressources humaines

— Article [page dynamique : article] Stage Ressources humaines 1
— Article [page dynamique : article] Stage Ressources humaines 2
— Article [page dynamique : article] Stage Ressources humaines 3

— Sous-rubrique [page dynamique : catégorie] Stages Gestion

— Article [page dynamique : article] Stage Gestion 1
— Article [page dynamique : article] Stage Gestion 2
— Article [page dynamique : article] Stage Gestion 3

Feuille de route

Feuille de route concernant les contenus, le menu et la galerie de photos :

  1. Mettre à jour le nom et le slogan du site.
  2. Reconfigurer l'écran de présentation du menu principal.
  3. Intégrer la page d'accueil en tant qu'article.
  4. Reconfigurer le lien défini par défaut dans le menu principal.
  5. Intégrer les catégories de l'espace Formations.
  6. Intégrer et catégoriser les articles de l'espace Formations.
  7. Intégrer les liens sur les catégories et les articles.
  8. Intégrer le menu contextuel donnant accès aux formations.
  9. Intégrer les catégories et les articles de l'espace Stages en cours puis les liens sur les catégories.
  10. Intégrer le module Contenu personnalisé (coordonnées du centre de formation).

Step 1

Mettre à jour le nom et le slogan du site :

  1. Ouvrir le menu Extensions puis sélectionner l'item Templates.
  2. Cliquer sur « protostar - Default ».
  3. Activer l'onglet Paramètres avancés.
  4. [Champ Titre] Saisir comme valeur MCF - Mon Centre de Formation.
  5. [Champ Description] Saisir comme valeur Le slogan de mon centre de formation.
  6. Cliquer sur Enregistrer & Fermer.

Step 2

Reconfigurer l'écran de présentation du menu principal :

  1. Ouvrir le menu Extensions puis sélectionner l'item Modules.
  2. Cliquer sur Main Menu.
  3. [Liste déroulante Position, sur la droite] Sélectionner l'option [Protostar] Navigation.
  4. Activer l'onglet Paramètres avancés.
  5. [Champ Suffixe CSS de menu] Saisir comme valeur « nav-pills » — qui doit être précédée d'une espace.
  6. Cliquer sur Enregistrer & Fermer.

Step 3

Intégrer la page d'accueil en tant qu'article :

  1. Ouvrir les menu et sous-menu Contenu/Articles puis sélectionner l'item Ajouter un article.
  2. [Champ Titre] Saisir comme valeur Mon centre de formation.
  3. [Barre d'outil de l'éditeur] Cliquer sur l'icône Code source (<>).
  4. [Éditeur] Copier-coller le contenu.
  5. Cliquer sur OK.
  6. Séparer les en-têtes et les paragraphes.
  7. [Barre d'outil][Liste déroulante Paragraphe] Appliquer le format En-tête 2 aux en-têtes du contenu.
  8. [Barre d'outil][Icône B] Appliquer le « style » Gras aux entrées des paragraphes. (Le style appliqué correspond en fait à un format qui sert essentiellement à optimiser le référencement des mot-clés.)
  9. Cliquer sur Enregistrer & Fermer.

Step 4

A. Reconfigurer les paramètres de base du lien Home :

  1. Ouvrir le menu Menus puis sélectionner l'item Main Menu.
  2. Cliquer sur Home.
  3. [Champ Titre de menu] Remplacer Home par Accueil.
  4. [Type de lien de menu] Cliquer sur Sélection, ouvrir le panneau Articles puis sélectionner le type Article.
  5. [Sélectionner un article] Cliquer sur Sélection puis sélectionner l'article Mon centre de formation.
  6. Cliquer sur Enregistrer puis tester le résultat côté front-office.

B. Reconfigurer les paramètres SEO :

  1. [Back-office][SEO] Activer l'onglet Paramètres d'affichage de la page.
  2. [Champ Titre dans le navigateur] Saisir comme valeur Formations Marketing-Ressources humaines-Gestion | MCT.
  3. [Champ En-tête de page] Saisir comme valeur Marketing - Ressources humaines - Gestion.
  4. Cliquer sur Enregistrer puis tester le résultat côté front-office.

C. Reconfigurer les paramètres de présentation :

  1. Activer l'onglet Paramètres.
  2. [Titre de l'article] Cliquer sur Masquer.
  3. [Titre de la catégorie] Cliquer sur Masquer.
  4. [Auteur de l'article] Cliquer sur Masquer.
  5. [Date de publication] Cliquer sur Masquer.
  6. [Navigation entre articles] Cliquer sur Masquer.
  7. [Icône Imprimer] Cliquer sur Masquer.
  8. [Icône E-mail] Cliquer sur Masquer.
  9. [Nombre d'affichages] Cliquer sur Masquer.
  10. Cliquer sur Enregistrer & Fermer puis tester le résultat côté front-office.

Step 5

A. Intégrer la catégorie parente Formations :

  1. Ouvrir les menu et sous-menu Contenu/Catégories puis sélectionner l'item Ajouter une Catégorie.
  2. [Champ Titre] Saisir comme valeur Formations.
  3. [Éditeur] Copier-coller le contenu générique (premier paragraphe seulement).
  4. Cliquer sur Enregistrer & Fermer.

B. Intégrer la catégorie fille Formations Marketing :

  1. Cliquer sur Nouveau [contenu].
  2. [Champ Titre] Saisir comme valeur Formations Marketing.
  3. [Éditeur] Copier-coller le contenu générique (premier paragraphe seulement).
  4. [Liste déroulante Parent] Sélectionner la catégorie Formations.
  5. Cliquer sur Enregistrer & Fermer.

Réitérer la procédure avec les catégories Formations Ressources humaines et Formations Gestion.

Remarque. — Les catégories sont classées suivant l'ordre des enregistrements, à la différence de Wordpress (ordre chronologique).

Step 6

Intégrer et catégoriser l'article Module Marketing 1 :

  1. [Menu contextuel situé à gauche] Sélectionner l'item Articles.
  2. Cliquer sur Nouveau.
  3. [Champ Titre] Saisir comme valeur Module Marketing 1.
  4. [Éditeur] Copier-coller le contenu générique de la page d'accueil.
  5. [Liste déroulante Catégorie] Sélectionner l'option Formations Marketing.
  6. Cliquer sur Enregistrer & Fermer.

Réitérer la procédure avec les huit autres articles.

Step 7

A. Intégrer le lien sur la catégorie parente Formations :

  1. Ouvrir le menu Menus puis sélectionner l'item Main Menu.
  2. Cliquer sur Nouveau [lien].
  3. [Champ Titre de menu] Saisir comme valeur Formations.
  4. [Format d'affichage][Type de lien de menu] Cliquer sur Sélection, ouvrir le panneau Articles puis sélectionner le type Liste de toutes les catégories.
  5. [Liste déroulante Catégorie principale] Sélectionner l'option Formations.
  6. [SEO] Activer l'onglet Paramètres d'affichage de la page.
  7. [Liste déroulante Afficher l'en-tête de page] Sélectionner l'option Oui.
  8. [Champ En-tête de page] Saisir comme valeur Formations.
  9. Cliquer sur Enregistrer & Fermer.

Remarque. — Le format d'affichage utilisé, Liste de toutes les catégories, permet d'afficher la catégorie Formations et ses trois sous-catégories : Formations Marketing, Formations Ressources humaines et Formations Gestion.

B. Intégrer le lien sur la catégorie fille Formations Marketing :

  1. Cliquer sur Nouveau [lien].
  2. [Champ Titre de menu] Saisir comme valeur Formations Marketing.
  3. [Configuration de base] Activer l'onglet Détails. (L'outil garde en mémoire le dernier onglet activé.)
  4. [Format d'affichage][Type de lien de menu] Cliquer sur Sélection, ouvrir le panneau Articles puis sélectionner le type Liste des articles d'une catégorie.
  5. [Sélection de catégorie] Cliquer sur Sélection puis sélectionner la catégorie Formations Marketing.
  6. [Liste déroulante Lien parent] Sélectionner l'option Formations.
  7. [SEO] Activer l'onglet Paramètres d'affichage de la page.
  8. [Liste déroulante Afficher l'en-tête de page] Sélectionner l'option Oui.
  9. [Champ En-tête de page] Saisir comme valeur Formations Marketing.
  10. [Présentation] Activer l'onglet Catégorie.
  11. [Liste déroulante Description] Sélectionner l'option Afficher.
  12. Cliquer sur Enregistrer & Fermer.

Remarque. — Le format d'affichage utilisé, Liste des articles d'une catégorie, permet d'afficher la catégorie Formations Marketing avec, en complément, les trois articles associés intégrés dans un tableau.

C. Intégrer le lien sur la catégorie fille Formations Ressources humaines par duplication du lien précédent :

  1. Sélectionner (case à cocher) le lien Formations Marketing puis cliquer sur Traitement.
  2. [Liste déroulante Sélectionnez le menu ou son [lien] parent…] Sélectionner, en tant que lien parent, le lien Formations.
  3. [Bouton radio] Sélectionner l'option Copier.
  4. Cliquer sur Traitement.
  5. [Mise à jour du paramétrage] Cliquer sur Formations Marketing (2).
  6. [Champ Titre de menu] remplacer Formations Marketing (2) par Formations Ressources humaines.
  7. [SEO][Champ Alias] Remplacer « formations-marketing-2 » par « formations-ressources-humaines ».
  8. [Sélection de catégorie] Cliquer d'abord sur Effacer, ensuite sur Sélection puis sélectionner la catégorie Formations Ressources humaines.
  9. [SEO] Activer l'onglet Paramètres d'affichage de la page.
  10. [Champ En-tête de page] Saisir comme valeur Formations Ressources humaines.
  11. Cliquer sur Enregistrer & Fermer.

Réitérer la procédure pour le lien sur la catégorie Formations Gestion.

D. Intégrer le lien sur l'article Module Marketing 1 à partir du lien sur la page d'accueil :

  1. Sélectionner (case à cocher) le lien Accueil puis cliquer sur Traitement.
  2. [Liste déroulante Sélectionnez le menu ou son [lien] parent…] Sélectionner, en tant que lien parent, le lien Formations Marketing.
  3. [Bouton radio] Sélectionner l'option Copier.
  4. Cliquer sur Traitement.
  5. [Mise à jour du paramétrage] Cliquer sur Accueil (lien positionné sous le lien Formations Marketing).
  6. [Champ Titre de menu] remplacer Accueil par Module Marketing 1.
  7. [SEO][Champ Alias] Remplacer « home » par « module-marketing-1 ».
  8. [Sélectionner un article] Cliquer d'abord sur Effacer, ensuite sur Sélection (comme précédemment) puis sélectionner l'article Module Marketing 1.
  9. [SEO] Activer l'onglet Paramètres d'affichage de la page.
  10. [Champ Titre dans le navigateur] Saisir comme valeur Module Marketing 1 | Centre de formation MCT.
  11. [Champ En-tête de page] Saisir comme valeur Module Marketing 1.
  12. Cliquer sur Enregistrer & Fermer.

Remarque. — Le format d'affichage utilisé, Article, est celui du lien pointant vers la page d'accueil. Celui-ci permet d'afficher les articles individuellement.

Réitérer la procédure pour les liens sur les articles Module Marketing 2 et Module Marketing 3.

Réitérer cette même procédure avec les six derniers liens qui, selon les cas, seront affiliés soit au lien sur la catégorie Formations Ressources humaines soit au lien sur la catégorie Formations Gestion. Pour gagner du temps, il conviendra de faire une première copie — en lot — des trois liens sur les modules Marketing, sous le lien Formations Ressources humaines, puis une seconde copie sous le lien Formations Gestion.

Step 8

A. Créer le menu contextuel donnant accès aux formations :

  1. Ouvrir le menu Menus puis sélectionner l'item Gérer.
  2. Cliquer sur Nouveau [menu].
  3. [Champ Titre] Saisir comme valeur MN2C Formations.
  4. [Type de menu] Saisir comme valeur mn2c-formations.
  5. Cliquer sur Enregistrer & Fermer.

B. Créer le module correspondant — celui-ci sera utilisé pour afficher les liens :

  1. [Colonne Module(s) de menu assigné(s)] Cliquer sur Assigner un module à ce menu.
  2. [Champ Titre] Saisir comme valeur MN2C Formations.
  3. [Boutons radio Montrer le titre, sur la droite] Sélectionner l'option Masquer.
  4. [Liste déroulante Position] Sélectionner l'option [Protostar] Gauche.
  5. [Visibilité du menu] Activer l'onglet Assignation des menus.
  6. [Liste déroulante Assignation à…] Sélectionner l'option Uniquement les liens sélectionnés.
  7. Décocher la case Accueil.
  8. [Style du module] Activer l'onglet Paramètres avancés.
  9. [Liste déroulante Style du module] Sélectionner l'option [Protostar] Well.
  10. Cliquer sur Enregistrer & Fermer.

Remarque. — Avec cette configuration, le menu, qui est ici considéré, ne sera affiché que pour les pages de l'espace Formations.

C. Intégrer le lien sur la catégorie parente Formations :

  1. Ouvrir le menu Menus puis sélectionner l'item MN2C Formations.
  2. Cliquer sur Nouveau [lien].
  3. [Champ Titre de menu] Saisir comme valeur Formations.
  4. [Champ Alias] Saisir comme valeur « formations-alias ». (L'alias à saisir doit être différent de l'alias par défaut « formations » car ce dernier existe déjà.)
  5. [Format d'affichage][Type de lien de menu] Cliquer sur Sélection, ouvrir le panneau Liens divers puis sélectionner le type Alias de lien de menu.
  6. [Lien de menu] Cliquer sur Sélection puis sélectionner Formations.
  7. Cliquer sur Enregistrer & Fermer.

Remarque. — Le format d'affichage utilisé, Alias de lien de menu, permet de réutiliser la configuration du lien sur la catégorie Formations. Toute modification apportée à ce dernier (format d'affichage ou en-tête de page par exemple) sera automatiquement prise en compte par le lien qui est ici considéré.

D. Intégrer le lien sur la catégorie fille Formations Marketing — toujours dans le menu MN2C Formations :

  1. Cliquer sur Nouveau [lien].
  2. [Champ Titre de menu] Saisir comme valeur Marketing. (Il n'est pas nécessaire de saisir « Formations Marketing ».)
  3. [Format d'affichage][Type de lien de menu] Cliquer sur Sélection, ouvrir le panneau Liens divers puis sélectionner le type Alias de lien de menu.
  4. [Lien de menu] Cliquer sur Sélection puis sélectionner Formations Marketing.
  5. [Liste déroulante Lien parent] Sélectionner l'option Formations.
  6. Cliquer sur Enregistrer & Fermer.

Réitérer la procédure pour les liens sur les catégories Formations Ressources humaines et Formations Gestion.

Step 9

A. Intégrer les catégories Stages en cours, Stages Marketing, Stages Ressources humaines et Stages Gestion : dupliquer — en lot — les catégories Formations, Formations Marketing, Formations Ressources humaines et Formations Gestion, la copie de la catégorie parente Formations sera positionnée sous la racine.

B. Intégrer les neufs articles Stage [Marketing, Ressources humaines, Gestion] [1, 2, 3] :

  1. Dupliquer les articles Module Marketing [1, 2, 3] en positionnant les copies sous Stages Marketing.
  2. Dupliquer les articles Module Ressources humaines [1, 2, 3] en positionnant les copies sous Stages Ressources humaines.
  3. Dupliquer les articles Module Gestion [1, 2, 3] en positionnant les copies sous Stages Gestion.

C. Configurer l'article Stage Marketing 1 à partir de Module Marketing 1 :

  1. Cliquer sur Module Marketing 1 (copie).
  2. [Champ Titre] Remplacer Module Marketing 1 par Stage Marketing 1
  3. [Champ Alias] Remplacer module-marketing-1 par stage-marketing-1.
  4. [Liste déroulante Statut] Sélectionner l'option Publié.
  5. Positionner le curseur au début du premier en-tête ; [barre d'outil] cliquer sur Lire la suite pour insérer le séparateur.

Réitérer la procédure avec les huit autres articles.

D. Intégrer dans le menu principal le lien sur la catégorie Stages en cours :

  1. Ouvrir le menu Menus puis sélectionner l'item Main Menu.
  2. Cliquer sur Nouveau [lien].
  3. [Champ Titre de menu] Saisir comme valeur Stages en cours.
  4. [Format d'affichage][Type de lien de menu] Cliquer sur Sélection, ouvrir le panneau Articles puis sélectionner le type Liste de toutes les catégories.
  5. [Liste déroulante Catégorie principale] Sélectionner l'option Stages en cours.
  6. [SEO] Activer l'onglet Paramètres d'affichage de la page.
  7. [Liste déroulante Afficher l'en-tête de page] Sélectionner l'option Oui.
  8. [Champ En-tête de page] Saisir comme valeur Stages en cours.
  9. Cliquer sur Enregistrer & Fermer.

E. Intégrer dans le menu principal le lien sur la catégorie fille Stages Marketing :

  1. Cliquer sur Nouveau [lien].
  2. [Champ Titre de menu] Saisir comme valeur Stages Marketing.
  3. [Format d'affichage][Type de lien de menu] Cliquer sur Sélection, ouvrir le panneau Articles puis sélectionner le type Blog d'une catégorie.
  4. [Sélection de catégorie] Cliquer sur Sélection puis sélectionner la catégorie Stages Marketing.
  5. [Liste déroulante Lien parent] Sélectionner l'option Stages en cours.
  6. [SEO] Activer l'onglet Paramètres d'affichage de la page.
  7. [Liste déroulante Afficher l'en-tête de page] Sélectionner l'option Oui.
  8. [Champ En-tête de page] Saisir comme valeur Stages Marketing.
  9. Activer l'onglet Catégorie.
  10. [Liste déroulante Description] Sélectionner l'option Afficher.
  11. Cliquer sur Enregistrer & Fermer.

Remarque. — Le format d'affichage utilisé, Blog d'une catégorie, permet d'afficher la catégorie Stages Marketing avec, en complément, les trois articles associés intégrés dans un Blog. (Rappel : les articles de la catégorie Formations Marketing ont été intégrés dans un tableau en faisant appel au format alternatif Liste des articles d'une catégorie.)

Réitérer la procédure pour les liens sur les catégories Stages Ressources humaines et Stages Gestion.

F. Intégrer le menu contextuel MN2C Stages en cours : réitérer les procédures du step 8.

Step 10

A. Intégrer le module Nous contacter (type du module : Contenu personnalisé) :

  1. Ouvrir le menu Extensions puis sélectionner l'item Modules.
  2. Cliquer sur Nouveau.
  3. Sélectionner le type de module Contenu personnalisé.
  4. [Champ Titre] Saisir comme valeur Nous contacter.
  5. [Éditeur] Copier-coller le contenu indiqué ci-après.
  6. [Liste déroulante Position, sur la droite] Sélectionner l'option [Protostar] Droite.
  7. [Visibilité du menu] Activer l'onglet Assignation des menus.
  8. [Liste déroulante Assignation à…] Sélectionner l'option Uniquement les liens sélectionnés.
  9. Cliquer sur Aucun puis cocher la case Accueil.
  10. Cliquer sur Enregistrer & Fermer.

Contenu de l'encadré Nous contacter :

Par téléphone du lundi au vendredi de 8 h 30 à 18 h 30
Formation
xx xx xx xx xx
Projet
xx xx xx xx xx
Par courrier
Mon Centre de Formation
Numéro, voie, code postal, ville

B. Retirer le module Login Form : cliquer sur l'icône affichant le statut du module pour le faire passer de l'état Publié à l'état Non publié.