Makina-Corpus Rédacteur Drupal - Cap Atlantique Formateur : Florent Lebreton Date : janvier 2011 1
Makina-Corpus Makina Corpus conçoit, développe et intègre des solutions innovantes s'appuyant exclusivement sur des logiciels libres. Principaux domaines de compétences : - La gestion de contenus Web, - Les SIG Open Source, - L'analyse décisionnelle. Plus de 30 collaborateurs répartis sur 5 sites. Implantations : Toulouse, Paris, Nantes, Dijon et Tunis. 2
Système de gestion de contenu Un CMS est un site Internet disposant de fonctionnalités destinées à favoriser la publication de contenu. Il permet : - la rédaction et l'organisation de contenus divers (actualités, dossiers, événements, articles,...) - le travail collaboratif coordonné - la séparation du contenu et de la présentation Tout le travail se fait en ligne, via une interface dédiée, à laquelle seule l'équipe éditoriale a accès. 3
Drupal CMS open source Drupal est un système de gestion de contenu («CMS» : Content Managing System). Drupal est utilisé dans de nombreux domaines tels que : - sites web / e-commerce - extranets / intranets, - e-administration, - portails communautaires. Drupal est un outil libre, porté par une large communauté internationale. 4
Drupal utilisé et renommé Ils font confiance à Drupal : - Maison Blanche, Amnesty International, Yahoo!,... - Rue89, France24, Mediapart, Le Figaro,... Références Makina-Corpus : - Portail Éco-citoyens - ADEME - HumanVillage : communauté de services citoyens Humanvillage - Consommer Responsable : annuaire et guide de la consommation responsable 5
Objectifs de la formation Objectifs de la formation Se connecter Les différents types de contenu Actualité, Dossier, Contenu «Cap-Atlantique» Rédiger un contenu L'éditeur WYSIWYG Insérer des liens, des images, des PDF Créer un diaporama Gérer ses contenus : la page «Mes contenus» 6
Se connecter Pour se connecter, il faut ajouter «/user» après l'adresse du site Internet, dans la barre d'adresse du navigateur Exemple : http://dev.cap-atlantique.fr/user Un menu supplémentaire apparaît en haut : 7
Les différents types de contenu 3 types de contenu : - Actualité Contenu «chaud» News, actualité ponctuelle, événement - Contenu «Cap-Atlantique» - Dossier Contenu «froid» Article, page de contenu statique, pérenne Texte de présentation et liens vers une liste d articles connexes 8
Rédiger un contenu Pour créer un contenu il suffit de cliquer sur le bouton du menu correspondant au type de contenu désiré. Le formulaire qui apparaît diffère légèrement en fonction du type de contenu mais contient les champs principaux : Titre Corps PDF / Images Vocabulaires : rubriques/mots-clés 9
Rédiger un contenu Champs spécifiques pour les contenus «Actualité» : Date de l'actualité Champs spécifiques pour les contenus «Dossier» : Illustration Dossier phare Articles liés Champs spécifiques pour les «Contenus Cap- Atlantique» : Chapeau 10
L'éditeur WYSIWYG L'éditeur WYSIWYG («What You See Is What You Get» ) permet de rédiger simplement un texte mis en forme. Le fonctionnement est similaire à un traitement de texte classique, simplifié. 11
Gérer ses contenus Tous les contenus que vous avez rédigé sont accessibles via le bouton «Mes contenus» du menu. Pour chaque contenu, trois actions sont possibles : «Editer» : donne accès au formulaire de modification du contenu «Supprimer» : supprime définitivement le contenu après confirmation «Voir» : visualise le contenu (dans le site, comme un visiteur classique) 12
Insérer un lien L éditeur permet d'insérer un lien d'un contenu du site vers un autre. Pour cela, il faut : 1 : repérer le numéro du contenu vers lequel le lien doit pointer, 2 : saisir le titre du lien dans l'éditeur et cliquer sur le bouton «Lien», 3 : saisir dans le champ URL l'adresse suivante, contenant le numéro du contenu relevé : /node/<numero du contenu> 13
Insérer un PDF Pour proposer le téléchargement d'un PDF, vous pouvez : 1 : Importer l'image dans le contenu via un «Transfert de fichier» ou une «Référence existante» 2 : Placer le curseur où vous souhaitez voir apparaître le lien dans l'éditeur 3 : Cliquer sur «Insérer» 4 : Le lien apparaît dans l'éditeur. Vous pouvez changer le texte du lien pour le rendre plus lisible. 14
Insérer une image Il est possible d'illustrer le contenu en agrémentant le texte avec des images. Pour cela : 1 : Importer l'image dans le contenu via un «Transfert de fichier» ou une «Référence existante» 2 : Placer le curseur dans l'éditeur 3 : Choisir le style «Lightbox2» et cliquer sur «Insérer» 15
Insérer une image - Une image insérée peut être redimensionnée légèrement et positionnée dans le texte grâce à un clic droit sur l image puis «Propriétés de l image»
Diaporama Il est possible de proposer un diaporama des images insérées au contenu rédigé. Pour cela : 1 : relever le numéro (identifiant) du contenu dans la barre d'adresse du navigateur 2 : insérer, dans le texte, un texte «Voir le diaporama» et cliquer sur le bouton «Lien» 3 : saisir dans le champ URL l'adresse suivante, contenant le numéro du contenu relevé : /diaporama_contenu/<numero du contenu> 17
Questions? Merci de votre présence et bonne pratique! 18