-

Comment personnaliser un CMS pour votre entreprise ? Un guide en utilisant Drupal comme exemple

Un système CMS est la fondation de tout site web moderne ou plateforme d'entreprise. Choisir le bon outil qui s'adapte aux besoins d'une entreprise est crucial pour une gestion efficace du contenu. Dans cet article, je fournirai un guide détaillé sur la compréhension et l'adaptation d'un CMS aux exigences d'une organisation. J'utiliserai Drupal, flexible et fonctionnel, comme exemple. Je vous invite à lire l'article ou à regarder  un épisode de la série “Nowoczesny Drupal”.

Que signifie la flexibilité d'un CMS ?

La flexibilité d'un CMS réside dans son adaptabilité aux exigences des utilisateurs.  Drupal, en tant que plateforme open-source, offre une riche panoplie d'outils qui permettent de créer des systèmes de gestion de contenu simples ou avancés. En conséquence, le CMS peut supporter une variété d'applications - des blogs d'entreprise aux portails d'actualités complexes.

Structure de Drupal - backend

Le backend de Drupal est responsable de  la gestion des structures de données, des permissions, et du contenu. C'est ici que les éditeurs et les administrateurs saisissent les données, configurent les types de contenu et définissent les rôles des utilisateurs.

Fonctions clés du backend :

  • Structure des données : définition des types de contenu, des champs et des relations entre eux.
  • Permissions et rôles : la possibilité de spécifier qui peut éditer, visualiser ou publier.
  • Formulaires d'édition de contenu : le profil d'installation standard de Drupal propose par défaut le type de contenu "article" avec des champs tels que :
    • titre,
    • image,
    • contenu formatable,
    • tags.

Les éditeurs peuvent utiliser l'  outil de front-end édition (disponible dans la distribution  Droopler) pour éditer rapidement le contenu directement depuis l'interface utilisateur.

Structure de Drupal - frontend

Le frontend se distingue du backend en ce qu'  il est responsable de la présentation visuelle du contenu, qui est stocké dans Drupal. Grâce au système de modèles intégré basé sur  Twig (issu du framework Symfony), vous pouvez personnaliser facilement l'apparence du site web.

Thèmes par défaut dans Drupal :

  1. Olivero - thème par défaut de Drupal, utilisé dans la plupart des installations standard. Il fournit l'apparence de base du site web, mais dans des déploiements réels, il est souvent modifié ou remplacé.
  2. Claro - une apparence moderne pour l'interface d'administration, améliorant l'expérience utilisateur backend.
  3. Droopler - une  distribution Drupal avec son propre thème Droopler dédié, adapté aux besoins spécifiques des entreprises.

Drupal permet également d'utiliser des systèmes front-end externes, tels que :

  • applications mobiles (par exemple pour iOS et Android),
  • applications web, construites utilisant des technologies telles que  Next.js et React.

En pratique, cela vous permet de  créer un CMS sans tête basé sur Drupal, où le backend gère le contenu et le frontend est créé dans le cadre qui  convient le mieux aux besoins du projet.

Extrait de la vidéo avec des informations sur le backend et le frontend dans Drupal et leurs caractéristiques.

 

Développement d'un CMS pour un blog d'entreprise

Ci-dessous, je décris les étapes pour développer un profil Drupal standard et créer un système de blog fonctionnel pour soutenir les efforts de marketing. Nous mettons en œuvre toutes les étapes de manière pratique, guidant les changements dans la structure et la fonctionnalité du système.

Étape 1 : Ouvrir un profil Drupal standard

Commencez par installer Drupal avec le profil d'installation par défaut. Après vous être connecté au panneau d'administration, allez à l'onglet  "Structure" et vérifiez les types de contenu disponibles. Par défaut, vous voyez ici deux types :  "Article" et "Simple Page." Le type "Article" contient des champs de base tels que le titre, l'image, le contenu avec formatage, et les tags. Cliquez sur "Gérer les champs" pour voir la structure détaillée du type "Article".

Étape 2 : Analyser les besoins du système

Déterminez quelles fonctionnalités vous souhaitez ajouter à votre blog. Vous devez introduire :

  • Type de contenu "Auteur" avec biographie et photo,
  • Type de contenu "E-book" avec la possibilité d'ajouter un fichier PDF et d'assigner des catégories,
  • Relations entre articles, auteurs et e-books pour gérer facilement les relations de contenu.

Étape 3 : Ajouter un nouveau type de contenu "Auteur"

Allez à "Structure" → "Types de contenu" et cliquez sur "Ajouter un type de contenu." Entrez le nom "Auteur" et enregistrez les modifications. Ensuite, cliquez sur "Gérer les champs" à côté du nouveau type de contenu créé et ajoutez :

  • Champ "Bio" - sélectionnez le type "Texte (long)" et enregistrez.
  • Champ "Photo" - choisissez le type "Image" et enregistrez également.

Après avoir ajouté les champs, allez à la section "Affichage du formulaire" et organisez les champs dans un ordre logique.

Étape 4 : Créer le type de contenu "E-book"

Dans la section "Structure" → "Types de contenu" cliquez à nouveau sur "Ajouter un type de contenu". Entrez le nom "E-book" et enregistrez. Ensuite, dans "Gérer les champs" ajoutez :

  • Champ "Fichier" - sélectionnez le type "Fichier" et enregistrez.
  • Champ "Catégorie" - sélectionnez le type "Référence de taxonomie". Ici, vous créez un nouveau dictionnaire de catégories, qui sera utilisé pour assigner les e-books aux groupes de sujets correspondants.

Étape 5 : Étendre le type "Article" pour inclure des relations avec les auteurs et les e-books

Allez à "Types de contenu" → "Article" → "Gestion des champs". Ajoutez de nouveaux champs :

  • "Auteur" - sélectionnez le type "Référence de contenu" et configurez-le pour référencer le contenu du type "Auteur".
  • "E-book" - sélectionnez à nouveau le type "Référence de contenu" et pointez-le vers le type "E-book".

Étape 6 : Personnaliser les formulaires et la mise en page des champs

Accédez à l'onglet "Affichage du formulaire" pour chaque type de contenu. Organisez les champs dans un ordre logique, en les regroupant par thème. Par exemple, dans "Article", placez les champs titre, contenu et image en haut et les champs auteur et e-book en bas du formulaire.

Étape 7 : Configurer l'affichage du contenu sur le site web

Pour chaque type de contenu, accédez à l'onglet "Affichage". Réglez la manière dont les données sont présentées, comme afficher la photo de l'auteur en taille réelle et sa biographie en texte sous l'entrée. Pour les e-books, configurez la visibilité de la catégorie et du bouton pour télécharger le fichier.

Étape 8 : Tester la nouvelle structure de données

Allez dans la section "Contenu" et cliquez sur "Ajouter du contenu". Remplissez les formulaires d'échantillon pour les types "Auteur", "E-book" et "Article". Vérifiez que toutes les relations fonctionnent correctement - que les auteurs et les e-books sont correctement assignés aux articles et que l'affichage du contenu correspond à vos attentes.

Avec ces étapes, vous pouvez créer un système de blog moderne et flexible qui répond à tous vos besoins et soutient les efforts de marketing de l'entreprise.

Capture d'écran d'une présentation sur l'amélioration d'un blog d'entreprise dans Drupal pour une entreprise d'exemple.

 

Types de contenu dans un CMS, que vous pouvez personnaliser

Le CMS doit être adapté aux types de données qui y seront stockées.  Il est donc utile de se demander si les types de contenu créés par votre organisation correspondent à la structure des données dans le système et s'ils correspondent aux champs du formulaire de contenu.  

Cela peut inclure :

La fonction principale de tout CMS est de permettre la création, la distribution de contenu et la gestion des permissions. Drupal facilite la création de formulaires de saisie de contenu simples et de structures de données plus avancées.

Structure de contenu statique et dynamique dans un CMS

Dans les systèmes CMS, il est possible de distinguer deux approches de la structure de contenu :

Structure de contenu statique

  • Le formulaire d'ajout de contenu a une disposition de champs fixe.
  • Les coûts d'implémentation et les délais sont plus bas.
  • Il n'y a pas de flexibilité dans la mise en page, mais une plus grande facilité d'utilisation.

Structure de contenu dynamique

  • Permet de créer du contenu à l'aide de composants (par exemple, bannières, texte, formulaires).
  • Elle offre plus de flexibilité pour les éditeurs, car ils choisissent les composants pour chaque contenu.
  • Elle nécessite un travail de programmation supplémentaire et une formation des utilisateurs.
Extraits de la vidéo avec structure de contenu partagée de manière flexible dans les systèmes CMS.

 

Drupal, avec son module Paragraphs, est excellent pour construire des structures flexibles. Les éditeurs peuvent créer des sites web composés de différents composants, leur permettant de personnaliser la mise en page selon les besoins actuels.

Utilisation de la structure de contenu dans Droopler

Droopler utilise le module Paragraphs, ce qui permet de composer des pages à partir de différents éléments dans n'importe quel ordre.  Par exemple, vous pouvez ajouter une bannière avec une image au début de la page, suivie d'autres sections - texte, formulaires ou multimédias. L'édition est également facilitée par la fonction d'édition en frontend mentionnée précédemment, qui permet de modifier le contenu directement sur la page, rendant le travail des éditeurs plus rapide et plus simple.

Droopler est un excellent choix pour les entreprises qui ont besoin d'un CMS flexible leur permettant de créer des pages complexes et  pages de destination sans avoir à impliquer les développeurs dans la gestion quotidienne du contenu.

 Un exemple de création d'un site web à l'aide de composants dans la distribution Droopler.

 

Changer la structure de contenu dans un CMS - implications et conseils pratiques

Modifier la structure dans un CMS, surtout en passant à des solutions dynamiques comme le module Paragraphs dans Drupal, a des conséquences spécifiques et nécessite la prise en compte de nombreux aspects techniques et organisationnels.  Une structure dynamique permet de créer des mises en page de contenu flexibles, mais nécessite en même temps plus d'engagement dans l'implémentation. Ci-dessous, les principales considérations.

Conséquences de l'introduction d'une structure de contenu dynamique

  • Coûts d'implémentation et de maintenance plus élevés
    L'implémentation d'une structure dynamique nécessite plus de travail de programmation, car les composants doivent être conçus, testés et adaptés à différents agencements. Les modifications frontend sont également nécessaires, ce qui peut générer des coûts supplémentaires.
  • Risque d'erreurs dans les mises en page de contenu
    Les composants, bien que conçus séparément, peuvent paraître désordonnés ou fonctionner incorrectement dans certaines configurations. Par exemple, les composants peuvent être trop rapprochés ou avoir trop d'espace, nécessitant des tests et des ajustements supplémentaires.
  • Exigences accrues envers les éditeurs
    Les structures dynamiques offrent de la flexibilité, mais nécessitent que les éditeurs aient une connaissance approfondie des composants disponibles et de leurs options. Le manque de formation peut entraîner des erreurs, telles que la construction d'une mauvaise mise en page de contenu.
  • Temps de mise en œuvre plus long
    Créer une structure dynamique est plus chronophage que de mettre en œuvre des formulaires simples et statiques. Préparer des composants et les intégrer nécessite des étapes supplémentaires de test et d'optimisation.

À quoi faut-il faire attention lors de l'implémentation d'une structure dynamique ?

  • Tester les composants
    Avant d'implémenter une structure dynamique, il est important de tester minutieusement comment les différents composants fonctionnent ensemble dans différentes combinaisons. Les tests devraient prendre en compte non seulement l'esthétique mais aussi la réactivité et la fonctionnalité sur différents appareils.
  • Compréhension et formation des éditeurs
    Les structures dynamiques introduisent des options supplémentaires, mais leur utilisation incorrecte peut entraîner des erreurs. Une formation et une documentation doivent être fournies aux éditeurs pour qu'ils sachent exactement comment utiliser le système et éviter des configurations de composants incorrectes.
  • Évaluation précaire des prix et analyse du budget
    Lors de la planification de changements, il est une bonne idée de demander aux développeurs une estimation détaillée des coûts. Dans Drupal, le prix peut être préparé sous forme d'heures-personnes, points d'histoire ou sprints, selon la méthodologie de l'équipe. L'analyse devrait également prendre en compte les économies potentielles de temps pour les éditeurs et une meilleure organisation du contenu.
  • Implémenter des améliorations de manière graduelle
    Au lieu de mettre en œuvre tous les changements en même temps, il est judicieux de les diviser en phases. Cela permet de voir les effets des premières implémentations plus rapidement et d'adapter les étapes suivantes aux besoins réels des utilisateurs.

Personnalisation du CMS selon les besoins de l'entreprise - résumé

La flexibilité d'un CMS tel que Drupal permet de l'adapter aux besoins uniques d'une entreprise. Avec une planification appropriée, une consultation des développeurs et l'utilisation des modules disponibles, il est possible de créer une plateforme qui non seulement soutient les activités de marketing mais accroît également l'efficacité des éditeurs.

Si vous envisagez d'apporter des modifications à votre CMS actuel ou êtes simplement en train de construire une solution adaptée, nous pouvons vous aider à créer une  solution de gestion de contenu personnalisée. Personnaliser une plateforme pour l'adapter aux besoins de votre entreprise est un investissement qui sera rentable en termes de performance améliorée et de satisfaction accrue des utilisateurs.

-