MEILLEURES PRATIQUES
POUR CONSTRUIRE UN
SITE WEB DRUPAL
Drupal Consultation, Développement, et Formation
evolvingweb.ca
Suzanne Kennedy, Co-founder
@suzanne_kennedy
COMMENT CONSTRUIRE UN
SITE WEB DRUPAL?
1: PLANIFICATION

• Préciser
• Faire

les types de contenu, et les champs

un assemblage d’examples de contenu

• Organisa...
2: IMPLEMENTATION

• Création

de types de contenu, les menu, les Views

• Configuration

des modules

• Création

d’un thè...
3: NETTOYAGE
•

Testing

•

Améliorer l’interface admin

•

Revue et changement de la structure de contenu

•

Documentati...
4: LANCEMENT

•

Paramètres pour l’environement production

•

Mise en cache et agrégation

•

Sécurité
CHECKLIST
POURQUOI AVOIR UN
CHECKLIST?
• Moins

de configuration extra

• Lancement
• Cohérence

de configuration
WHAT’S ON THE LIST?
• Content
• Types

Strategy

de contenu et Views

• Search

Engine Optimization

• Accessibilité
• Fon...
bit.ly/drupal-checklist-fr
STRATÉGIE DE CONTENU
LES CHAMPS REQUIS
LES VALEURS PAR DÉFAUT
HTML OU CHAMPS
PLUSIEURS OU PEU DE TYPES
DE CONTENU
• Limiter

le nombre de types de contenu

• Limiter

le nombre de champs non-requis
TAXONOMIE OU CHAMP DE
TYPE “LISTE”
Taxonomie

•Beaucoup d’options
•Hierarchie de terms
•Facile de faire les

nouveaux term...
SEO TOOLS
Ajouter Google Analytics

drupal.org/project/google_analytics
Configurer les alias d’URL

drupal.org/project/pathauto
Mise a jour les alias
Action de mise a jour pour les alias d’URL

Configuration > Search and metadata > URL Aliases > Settings
Corriger la navigation manquante sur les Pages 404

drupal.org/project/404navigation
Pages d’erreurs personnalisés
Titre de page

drupal.org/project/page_title
Mollom

drupal.org/project/mollom
POUR L’ADMINISTRATEUR
Menus administratifs

drupal.org/project/admin_menu
WYSIWYG API

drupal.org/project/wysiwyg
Images inserrés

drupal.org/project/insert

drupal.org/project/image_resize_filter
BUEditor

drupal.org/project/bueditor
Configurer les formats de texte et choisir un défaut
Configuration > Content authoring > Text formats
Configurer un format de texte défaut
Configuration > Content authoring > Text formats
REVISIONS
Utiliser le module ‘diff ’ pour visualiser les changements de
contenu

https://drupal.org/project/diff
WORKBENCH

https://drupal.org/project/workbench_moderation
Les Views administratifs

drupal.org/project/administrative_views
Draggable Views

drupal.org/project/draggable_views
ACCESSIBILITÉ
LIENS CONTEXTUELS
TEXTE ALTERNATIVE POUR
LES IMAGES
COLOUR CONTRAST

http://snook.ca/technical/colour_contrast/colour.html
TABLES ACCESSIBLES
UTILISER LE WAVE TOOLBAR
ACCESSIBILITY CHECKLIST

https://drupal.org/project/a11y_checklist
RESPONSIVE DESIGN
IMAGES ADAPTIVES

https://drupal.org/project/adaptive_image
VIEWPORT META TAG
<?php
$meta_viewport = array(
'#type' => 'html_tag',
'#tag' => 'meta',
'#attributes' => array(
'name' =>...
IE WORK-AROUND
Versions 6-8 don’t support media queries

In your .info file:
stylesheets-conditional[lt IE 9][all][] = ie-9...
TEST!

• mattkersley.com/responsive/
• screensiz.es
• browserstack.com
COMPTES D’UTILISATEUR
Mettre en place les rôles
Donner les droits aux utilisateurs anonymes
Vérifier les droits pour chaque rôle

drupal.org/project/masquerade
Utiliser “Login Redirect” pour diriger
les utilisateurs à un autre page

https://drupal.org/project/login_redirect
TYPES DE CONTENU
Supprimer les types de contenu
qui ne sont pas utilisés
Gérer l’affichage: Est-ce que tout est en ordre?
Gérer les champs: Est-ce que tout est en ordre?
Paramètres pour chaque type de contenu
VIEWS
Supprimer les Views ou les affichages dans les Views
Faire la documentation
Vérifier les paramètres pour tous les
champs dans les Views
Vérifier les droits pour chaque View
NETTOYAGE DE CONTENU
Enlever tous les exemples de contenu
Enlever tous les exemples de contenu
avec “Views Bulk Operations”
Vérifier qu’il n’y a pas de contenu manquant
Vérifier les ‘Styles d’Images’
AVANT DE METTRE LE SITE
WEB EN PRODUCTION
Désactiver les modules qui ne sont pas nécessaire
Activer le caching et l’agrégation

Configuration > Development > Performance
Modules sont mises à jour

Configuration > Modules > Update
Changer le mot de passe pour le premier utilisateur
Désactiver les messages d’erreur

Configuration > Development > Logging and errors
Revue de sécurité

drupal.org/project/security_review
MODULES “CONTRIB”
•
•
•
•
•
•
•
•

Views Bulk Operations
Google Analytics
Pathauto
Page Title
Mollom
Administrative Views
...
FORMATION DRUPAL
Nous offrons les sessions de formation Drupal
evolvingweb.ca/training
MERCI!
Drupal Consultation, Développement, et Formation
evolvingweb.ca
Suzanne Kennedy, Co-founder
@suzanne_kennedy
Upcoming SlideShare
Loading in...5
×

Meilleures pratiques pour construire un site web Drupal

3,266

Published on

Avant de lancer un site web Drupal, comment est-ce que vous vérifiez que tout est en ordre et prêt à lancer? Si quelqu'un d'autre va maintenir le site web, comment est-ce que vous assurez que le site peut être facilement maintenu? Bien que Drupal fournisse beaucoup de fonctionnalités "out of the box", pour construire un site web simple, il faut beaucoup de configuration, installation de modules, et beaucoup de cases à cocher.

Dans cette présentation, je vais vous présenter un "check-list" de meilleures pratiques pour la construction d'un site web Drupal, incluant :

* une liste de configurations par défaut qui doit être mise à jour
* modules et configurations essentielles pour rendre le travail des administrateurs plus facile
* les choses qui doivent être mises à jour avant de lancer le site web

Si vous êtes intégrateur, administrateur ou gestionnaire de projet, cette présentation va vous aider à éviter les problèmes après le lancement de votre site web et assurer que vous suivez les meilleures pratiques.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,266
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Meilleures pratiques pour construire un site web Drupal

  1. 1. MEILLEURES PRATIQUES POUR CONSTRUIRE UN SITE WEB DRUPAL
  2. 2. Drupal Consultation, Développement, et Formation evolvingweb.ca Suzanne Kennedy, Co-founder @suzanne_kennedy
  3. 3. COMMENT CONSTRUIRE UN SITE WEB DRUPAL?
  4. 4. 1: PLANIFICATION • Préciser • Faire les types de contenu, et les champs un assemblage d’examples de contenu • Organisation • Mettre de contenu: les menu et les Views en place la mise en page: Panels, Context, Display Suite
  5. 5. 2: IMPLEMENTATION • Création de types de contenu, les menu, les Views • Configuration des modules • Création d’un thème • Exporter la configuration comme “Features”
  6. 6. 3: NETTOYAGE • Testing • Améliorer l’interface admin • Revue et changement de la structure de contenu • Documentation
  7. 7. 4: LANCEMENT • Paramètres pour l’environement production • Mise en cache et agrégation • Sécurité
  8. 8. CHECKLIST
  9. 9. POURQUOI AVOIR UN CHECKLIST? • Moins de configuration extra • Lancement • Cohérence de configuration
  10. 10. WHAT’S ON THE LIST? • Content • Types Strategy de contenu et Views • Search Engine Optimization • Accessibilité • Fonctionalité pour les administrateurs • Comptes d’utilisateurs • Nettoyage de contenu • Responsive-ness • Pre-launch items
  11. 11. bit.ly/drupal-checklist-fr
  12. 12. STRATÉGIE DE CONTENU
  13. 13. LES CHAMPS REQUIS
  14. 14. LES VALEURS PAR DÉFAUT
  15. 15. HTML OU CHAMPS
  16. 16. PLUSIEURS OU PEU DE TYPES DE CONTENU • Limiter le nombre de types de contenu • Limiter le nombre de champs non-requis
  17. 17. TAXONOMIE OU CHAMP DE TYPE “LISTE” Taxonomie •Beaucoup d’options •Hierarchie de terms •Facile de faire les nouveaux terms •Le term existe comme ‘entité’ en Drupal Champs Peu d’options Facile d’ajouter
  18. 18. SEO TOOLS
  19. 19. Ajouter Google Analytics drupal.org/project/google_analytics
  20. 20. Configurer les alias d’URL drupal.org/project/pathauto
  21. 21. Mise a jour les alias
  22. 22. Action de mise a jour pour les alias d’URL Configuration > Search and metadata > URL Aliases > Settings
  23. 23. Corriger la navigation manquante sur les Pages 404 drupal.org/project/404navigation
  24. 24. Pages d’erreurs personnalisés
  25. 25. Titre de page drupal.org/project/page_title
  26. 26. Mollom drupal.org/project/mollom
  27. 27. POUR L’ADMINISTRATEUR
  28. 28. Menus administratifs drupal.org/project/admin_menu
  29. 29. WYSIWYG API drupal.org/project/wysiwyg
  30. 30. Images inserrés drupal.org/project/insert drupal.org/project/image_resize_filter
  31. 31. BUEditor drupal.org/project/bueditor
  32. 32. Configurer les formats de texte et choisir un défaut Configuration > Content authoring > Text formats
  33. 33. Configurer un format de texte défaut Configuration > Content authoring > Text formats
  34. 34. REVISIONS
  35. 35. Utiliser le module ‘diff ’ pour visualiser les changements de contenu https://drupal.org/project/diff
  36. 36. WORKBENCH https://drupal.org/project/workbench_moderation
  37. 37. Les Views administratifs drupal.org/project/administrative_views
  38. 38. Draggable Views drupal.org/project/draggable_views
  39. 39. ACCESSIBILITÉ
  40. 40. LIENS CONTEXTUELS
  41. 41. TEXTE ALTERNATIVE POUR LES IMAGES
  42. 42. COLOUR CONTRAST http://snook.ca/technical/colour_contrast/colour.html
  43. 43. TABLES ACCESSIBLES
  44. 44. UTILISER LE WAVE TOOLBAR
  45. 45. ACCESSIBILITY CHECKLIST https://drupal.org/project/a11y_checklist
  46. 46. RESPONSIVE DESIGN
  47. 47. IMAGES ADAPTIVES https://drupal.org/project/adaptive_image
  48. 48. VIEWPORT META TAG <?php $meta_viewport = array( '#type' => 'html_tag', '#tag' => 'meta', '#attributes' => array( 'name' => 'viewport', 'content' => 'width=device-width' ) ); drupal_add_html_head($meta_viewport, 'viewport'); ?> https://drupal.org/project/Viewport
  49. 49. IE WORK-AROUND Versions 6-8 don’t support media queries In your .info file: stylesheets-conditional[lt IE 9][all][] = ie-960.css
  50. 50. TEST! • mattkersley.com/responsive/ • screensiz.es • browserstack.com
  51. 51. COMPTES D’UTILISATEUR
  52. 52. Mettre en place les rôles
  53. 53. Donner les droits aux utilisateurs anonymes
  54. 54. Vérifier les droits pour chaque rôle drupal.org/project/masquerade
  55. 55. Utiliser “Login Redirect” pour diriger les utilisateurs à un autre page https://drupal.org/project/login_redirect
  56. 56. TYPES DE CONTENU
  57. 57. Supprimer les types de contenu qui ne sont pas utilisés
  58. 58. Gérer l’affichage: Est-ce que tout est en ordre?
  59. 59. Gérer les champs: Est-ce que tout est en ordre?
  60. 60. Paramètres pour chaque type de contenu
  61. 61. VIEWS
  62. 62. Supprimer les Views ou les affichages dans les Views
  63. 63. Faire la documentation
  64. 64. Vérifier les paramètres pour tous les champs dans les Views
  65. 65. Vérifier les droits pour chaque View
  66. 66. NETTOYAGE DE CONTENU
  67. 67. Enlever tous les exemples de contenu
  68. 68. Enlever tous les exemples de contenu avec “Views Bulk Operations”
  69. 69. Vérifier qu’il n’y a pas de contenu manquant
  70. 70. Vérifier les ‘Styles d’Images’
  71. 71. AVANT DE METTRE LE SITE WEB EN PRODUCTION
  72. 72. Désactiver les modules qui ne sont pas nécessaire
  73. 73. Activer le caching et l’agrégation Configuration > Development > Performance
  74. 74. Modules sont mises à jour Configuration > Modules > Update
  75. 75. Changer le mot de passe pour le premier utilisateur
  76. 76. Désactiver les messages d’erreur Configuration > Development > Logging and errors
  77. 77. Revue de sécurité drupal.org/project/security_review
  78. 78. MODULES “CONTRIB” • • • • • • • • Views Bulk Operations Google Analytics Pathauto Page Title Mollom Administrative Views Draggable Views Administrative Views • • • • • • • WYSIWYG API BUEditor Insert Image Resize Filter Security Review 404 Navigation Masquerade
  79. 79. FORMATION DRUPAL Nous offrons les sessions de formation Drupal evolvingweb.ca/training
  80. 80. MERCI!
  81. 81. Drupal Consultation, Développement, et Formation evolvingweb.ca Suzanne Kennedy, Co-founder @suzanne_kennedy

×