Création d’un site vitrine WordPress pour la Communauté de communes Mont-Lozère

Pour la Communauté de Communes Mont-Lozère, un établissement public de coopération intercommunale (EPCI) situé en région Occitanie, j’ai été engagé pour la création d’un site vitrine. Cette structure, qui regroupe 21 communes réparties entre la Lozère et une partie du Gard, a été créée le 1er janvier 2017 suite à la loi NOTRe, par la fusion de plusieurs structures intercommunales. Dans le cadre de ma licence en Communication Numérique et E-Activité, j’ai effectué un stage de plusieurs mois au cours duquel j’ai eu pour mission la création de ce site vitrine officiel.

Le projet visait à fournir une interface claire, fonctionnelle et adaptée aux enjeux institutionnels, tout en tenant compte de la diversité des contenus à publier.

Étude des besoins et préparation du projet

En collaboration avec les agents et élus de la collectivité, un ensemble de fonctionnalités prioritaires a été défini pour la création du site vitrine, parmi lesquelles :

• Une carte interactive pour explorer le territoire.
• Des pages dédiées à chacune des 21 communes.
• Un annuaire des professionnels installés localement.
• Une section dédiée aux actualités.
• Une interface d’administration simple pour une prise en main rapide.

L’ensemble du projet a été pensé pour offrir une structure logique et une grande souplesse d’usage, tant pour les administrateurs du site que pour les visiteurs.

Développement du thème WordPress

Une fois les maquettes validées, un thème WordPress sur mesure a été développé. Ce thème respecte l’identité graphique de la collectivité et intègre une architecture de templates modulaires.

Le back-office a été configuré pour éviter la surcharge de l’interface WordPress native. Chaque type de contenu a été structuré avec des champs personnalisés, facilitant la saisie d’informations sans connaissance technique.

Le travail sur ce thème m’a permis d’approfondir la logique de templating de WordPress, la gestion fine des rôles utilisateurs, et l’optimisation de la hiérarchie des fichiers pour assurer la maintenabilité du code.

Intégration d’une carte interactive

L’un des éléments notables du site est la carte interactive du territoire communautaire. Pour la concevoir, j’ai utilisé un fichier vectoriel (SVG) représentant les limites des communes.

Chaque commune a été isolée au sein du fichier, puis rendue interactive par l’ajout de balises HTML de type <a> directement dans le code. Cette technique permet de naviguer visuellement sur le territoire et d’accéder à la page de chaque commune de manière fluide, sans dépendre de scripts externes.

Le résultat est une navigation géographique intuitive, efficace sur tous types d’écrans, et simple à maintenir dans le temps.

Développement d’un plugin pour l’annuaire

Pour répondre au besoin de visibilité économique du territoire, un annuaire des professionnels a été intégré au site.

J’ai développé un plugin WordPress dédié, permettant :

• la gestion d’une base de données des professionnels depuis le back-office,
• l’affichage filtré côté visiteur à l’aide de shortcodes personnalisés,
• la recherche par activité, commune, ou nom.

Ce développement a marqué ma première approche concrète de la création d’un plugin WordPress orienté données, avec gestion d’entrées personnalisées, sécurisation des formulaires, et intégration CSS dans le thème existant.

Ce plugin, bien que spécifique à ce projet, s’inscrit dans une continuité avec d’autres extensions que j’ai réalisées depuis, comme une extension RGPD pour WordPress dédiée à la gestion avancée des consentements, ou un plugin pour afficher les avis google sur les site clients.

Retour d’expérience sur la création d’un site vitrine

Ce stage a constitué une première immersion dans un cadre professionnel structuré. Le projet m’a permis de combiner des compétences techniques (PHP, JavaScript, HTML/CSS, WordPress) avec une compréhension fine des besoins d’une collectivité locale.

La création de la carte interactive, le développement d’un plugin pour l’annuaire et la réalisation d’un thème complet ont posé les bases de nombreuses pratiques que j’ai ensuite approfondies. Ce projet m’a également permis de mieux anticiper les problématiques de maintenance, d’ergonomie et de conformité.

Galerie