Site web – concepts et besoins

Vous avez tous dû recevoir récemment ou ces derniers temps un mail avec votre login et mot de passe pour le nouveau site web diverson.eu en construction.

Si vous avez des questions, remarques ou des problèmes pour vous connecter, n’hésitez pas à me contacter.

Pour info, cette page est publique le temps que tout le monde arrive à se connecter au site web. Elle sera évidemment positionnée en privée pour les membres du groupe une fois le site rendu public.

Objectif

Ce site web a pour but de centraliser les informations éparpillées aujourd’hui dans différents canaux et les rendre à la fois uniques et dynamiques pour une meilleure communication interne et externe. 

Des liens seront faits avec les réseaux sociaux afin d’améliorer le référencement du site et donc notre visibilité générale sur internet par autoréférencement (liens croisés entre page facebook/insta et ce site).

Allons-y !

Lors de discussions au quizz il y a 2 semaines, plusieurs d’entre vous étaient motivé·es pour alimenter le site par du contenu rédactionnel. 

J’espère que vous l’êtes toujours ! 

Voici les besoins les plus pressants à alimenter : 

1. Page d’accueil :
   1. Ajuster les blocs utiles à montrer en page d’accueil (Sylvie de mémoire ?) : nombre de partitions jouées depuis le début, nombre de concerts, autre donnée amusante, soyez créatifs ? l’idée est que ce soit fun et attrayant. Des statistiques stupides font bien le boulot comme : nombre de repas au restaurant, nombre de partitions papier
   2. Petit ménage pour supprimer la plupart des blocs en bas franchement inutiles => Jean
2. Contenu de l’article de description du programme complet Nougaro (se baser sur les textes des différents flyers et dossiers)
   1. Un article de description pour chaque concert prévu : celui avril et les 2 de juin + ceux de l’automne si on en sait plus. 
3. Histoires chronologiques à détailler sur :
   1. les concerts à venir 
   2. l’historique de Diverson depuis le début, pour alimenter la page A propos (Sylvie, Sabrina, plus Jérôme de mémoire ?)
4. la page A propos avec la description actualisée de l’ensemble vocal (Jérôme + ?)
5. Newsletters complètement dynamiques : Jérôme + Jean, mais peu urgent. Le format actuel du mail sous forme d’articles à retrouver ici suffira largement d’ici au concert et on optimisera plus tard avec la chronologie, notamment si achat du plugin validé.

Contactez-moi pour démarrer les travaux sur ces points qui demanderont certainement un accompagnement au départ si vous n’avez jamais travaillé sur l’outil de gestion de contenu de site web WordPress.

Se connecter

En vous connnectant avec vos logins et mot de passe fournis par mail, vous aurez accès bandeau noir supérieur, différent entre membres de Diverson et membres du CA Diverson, ces derniers étant tous administrateurs du site web alors que les autres n’en sont qu’éditeurs : 

Quelques concepts

Ce bandeau rassemble des raccourcis permettant d’administrer le site. En cliquant sur le nom du site “Diverson Strasbourg”, cela vous donnera accès, selon vos droits, à la liste des : 

• pages : ce sont des pages statiques, c’est-à-dire avec du contenu avec une durée plutôt longue dans le temps, par exemple :
  • “A propos” avec l’historique de Diverson
  • “Evénements” avec la liste des événements à venir et passés
• articles : ce sont des pages dynamiques, dans le sens où elles vont pouvoir être rassemblées par catégories sur des pages automatiquement, une fois la catégorie affectée, par exemple : les newsletters
• dates de chronologies : les chronologies se créent automatiquement si on rentre chaque événement séparément en tant qu’Histoire Chronologique.
• divers points techniques réservés au CA : extensions, menus, membres, etc. Par exemple : les rôles utilisateurs permettent de gérer finement l’accès à différentes pages selon les rôles.

Un peu de technique optionnelle

Le site est géré par WordPress, un système de gestion de contenu (Content Management System, abr. CMS), codé en PHP, un langage de programmation interprété. 

Ce sont simplement des fichiers textes interprétés par le serveur d’hébergement (un linux aux ressources partagées chez OVH.com) et envoyés sous forme de HTML à nos navigateurs pour visualisation sur la plateforme qui le demande : votre smartphone, PC, MAC, tablette, etc.

L’intérêt de ce CMS est sa modularité : il fonctionne tout seul et en même temps, il prend tout son sens en y ajoutant le thème de son choix (la forme du site) et des extensions (en anglais plugins, pour gérer le fond), le tout en quelques clics sans jamais rien coder, d’où sa grande popularité (50%+ des sites web mondiaux l’utilisent).

J’ai donc ajouté de nombreuses extensions (liste non exhaustive) : 

1. Ultimate Members pour les rôles des membres : CA ou non
2. Cool Timeline : Histoires chronologiques dynamiques. Excellent outil que j’utilise déjà sur le site de mon syndicat et de mon club de Kung Fu/Qi Gong avec succès (sans image, le besoin étant différent). A étudier pour notre besoin, il serait pertinent d’envisager d’acheter la version pro de l’extension (59$ à vie) pour gérer des timelines différentes par catégories : répétitions et weekends pour les membres, et concerts et autres événements publics pour les visiteurs par exemple. 
3. Bold Timeline : chronologies jolies mais statiques, que j’ai testées mais vais supprimer rapidement car pas cohérente avec le principe du site (voir chronologie en bas de la page A propos)
4. Autres choses incroyables à venir.

Thème

J’ai testé ce thème dédié à un groupe de musique comme vous pouvez le constater sur la page d’accueil car il correspondait bien au besoin musical et également en terme de couleurs.

Je me heurte après bon nombre d’heures dessus à différents problèmes sur ce thème. C’est à mon sens (Jean) un thème “Apple” : beau à l’extérieur, et avec une ingénierie très discutable à l’intérieur, notamment parce que l’usage des blocs Elementor complexifie beaucoup l’usage, et rend en plus l’ensemble très peu dynamique. Ce qui fait que les pages standards hors pages d’accueil déjà prévues par le thème sont plutôt moches et peu attrayantes.

Je songe donc à modifier rapidement le thème par un vraiment dynamique (pour être cohérent avec les bonnes pratiques), déjà testé sur mes autres sites shenchi-wushu.eu et cgt-ei.fr, plus sobre mais aussi beaucoup plus efficace à long terme.

Ne vous étonnez donc pas si le thème change radicalement vers quelque chose qui approche ces sites ci-dessus dans les jours qui viennent.

Ne vous inquiétez pas : WordPress étant dynamique, tout le contenu que vous aurez alimenté sera toujours là. Comme on s’affranchit de la forme avec ce système, seule cette dernière sera touchée et non toute la structure des menus et des pages/articles/chronologies.

Bonnes pratiques

Je vous propose mes préconisations liées à l’arrivée du site web pour faciliter la communication interne autour de ce site.

S’il vous plaît :

• Pouvez-vous penser à poster tout commentaire directement par le système de commentaires WordPress en bas de cette page d’infos et concepts (ou n’importe quelle autre) afin de centraliser les informations en un endroit toujours unique et facilement accessible ?
• Si vous avez des idées et sentez qu’il faudrait une page sur le site, créez-là et parlez-en à un membre du CA (et moi pour la technique).
• L’idée à l’avenir est d’appliquer ce principe de centraliser au maximum les informations à un endroit :
  • structuré : le système est pensé pour structurer le fond en s’affranchissant des questions de forme pour donner un gain de temps exceptionnel
  • dynamique : affichable sans copier-coller sur diverses pages grâce aux concepts incroyables du CMS WordPress et ses extensions (voir concepts et technique)
  • unique : une information n’a pas à se retrouver dupliquée 15 fois pour chacun·e des membres du groupe, ni pour les instrumentistes et autres acteurs annexes
  • centralisé : un endroit et un seul pour les informations plus de détails bientôt sur ce point.
• Il n’y aura à l’avenir que deux endroits structurés, dynamiques, uniques et centralisés pour diverson, selon le besoin :
  • ce site diverson.eu 
  • le cloud Diverson sur Nextcloud sans-nuage.fr (plus d’info et des tutos bientôt à ce sujet) à utiliser en version web et avec client lourd