![Page 1: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/1.jpg)
WPIA#3
Un site de collectivité sur WordPress ?
retours d'XP
Jean-Baptiste Audras, développeur web à l'Atelier 111
| @AudrasJb @atelier111
![Page 2: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/2.jpg)
Développeur web utilisant WordPress depuis «Ella» (v2.1, 2007)Gestion technique de projet, développeur front et back-end
Grenoblois depuis pendant 8 bonnes années
Manufacture éditoriale et graphique depuis 2008Un pôle création graphique (Chambéry/Grenoble)
& un pôle développement web (Valence) ; 4 associés
![Page 3: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/3.jpg)
On fait pas malde sites publics
(mais pas que !)
![Page 4: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/4.jpg)
La question quitue
![Page 5: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/5.jpg)
WordPress est ilsoluble dans lesecteur public ?
Oui!
![Page 6: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/6.jpg)
Les spécificitésdu secteur public
![Page 7: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/7.jpg)
Les marchés publics etconsultations
complexité administrative des dossiers(faut apprendre à les faire efficacement)
délais d'envoi des dossiers souvent très courts (mais secteur privé idem)
pour bcp d'agences, l'impression que les dés sont pipés (c'est finalement rare !)
périodes pré-électorales : plus rien(mais après, çaÿ la fête !)
des maquettes non rémunérées à réaliser en avant-projet(hèlas oui !)
![Page 8: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/8.jpg)
Une tendance à laprofessionnalisation des
personnelsde + en + de cursus en com' = le baratin marche moins bien =D des cahiers des charges (=CCTP) de + en + détaillés et fournis une envie d'autonomie vis à vis des presta à moyen/long terme de bonnes connaissances de l'offre technique à disposition souvent une bonne culture du web ; parfois un vrai benchmarking
![Page 9: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/9.jpg)
et des questions légalesaccessibilité numérique : respect du RGAA obligatoire = expertise CNIL : de + en + important ; de + en + contraignant
Les prestataires doivent être opés sur ces questionsCôté WordPress, aucune contre-indication
![Page 10: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/10.jpg)
Last but not least
Plus envie de se retrouver piedset poings liés !!
L'open source est demandé dans 95% des cas (estimation pifomètre institute©)
L'open source devient une norme
![Page 11: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/11.jpg)
Un bon contexte pour WPCMS le plus utilisé au monde… force de la communauté
de + en + de prestataires, y compris historiquesopen source et dév spéc. forcément GPL
en pointe niveau accessibilité >> https://make.wordpress.org/accessibility/
un backoffice efficace et facile à prendre en main
une maintenance rythmée par les MAJ WP
un référencement naturel efficace
![Page 12: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/12.jpg)
Les risques«WordPress, c'est pour les blogs»
à désarmorcer !WordPress est surtout en concurrence avec les autres CMS libres
![Page 13: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/13.jpg)
De plus en plus de concurrentsutilisant WP
Et c'est tant mieux !
Bref… je me lance et participe à un appel d'offres public…
![Page 14: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/14.jpg)
Quelques conseilsArgumenter autour d'une solution utilisant WP, fonctionnalité par
fonctionnalitéFaire des maquettes fonctionnelles, pas graphiques !
Attention à la tentation du low-cost
2 jours 1 semaine 20 jours plus tard, le verdict tombe…
![Page 15: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/15.jpg)
On a le marché !
![Page 16: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/16.jpg)
Et maintenant ? Les étapes classiques1. Conception2. DA / création graphique3. Intégration4. Développement WP5. Pré-prod / tests6. Recette / tests de charge / débug7. Intégration du contenu / formation8. Mise en prod puis mise en ligne9. Maintenance préventive et corrective / suivi
WP intervient sur plusieurs étapes
![Page 17: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/17.jpg)
Conception1. Le plan de conception
où l'on va articuler l'arborescence, les PAGES WP, les CPT, les templatesnécessaires, les éléments contextuels de chaque template
![Page 18: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/18.jpg)
Conception2. Le maquettage fonctionnel
où l'on représente graphiquement les fonctionnalités du CdC
![Page 19: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/19.jpg)
DA/création graphiqueLà, tout dépend.
Sur thème existant ou framework : design forcément contraintSur-mesure : no soucy, le créa peut sortir la boîte à idées !
Dans tous les cas : validation
(ps : chez nous, on ne fait que du sur-mesure, systématiquement)
![Page 20: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/20.jpg)
Intégration HTML/CSS/JS
dév front-endSur thème existant ou framework : retouches du thème Sur-mesure : définir les classes WP obligatoires, le balisage desmodules spécifiques (API, formulaires, etc.) : le dév WP doitaccompagner l'intégrateur
![Page 21: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/21.jpg)
Développement WPInstallation WP + environnement de la solution
Quelques extensions :Contact Form 7ACF (si possible sans plugin en prod)MailJet (+ API)BackWPup (sauvegardes auto)Plugin de vue de l'arborescence (+ drag&drop)Google XML SitemapsAccès restreint (?)
![Page 22: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/22.jpg)
Développement WPInstallation WP + environnement de la solution
Les types de contenus classiques :ActualitésAgendaFiches élusAnnuaireDiaporamas+ CPT spécifiques : équipements (carto), documents extranetprivés, travaux en cours, flash infos, etc.
![Page 23: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/23.jpg)
Développement WPDéveloppement des templates
Les templates de contenusClassiques : front-page.php, index.php, page.php, 404.php,search.php, category.php, single.phpPages spécifiques de l'arbo : page-contact.php, page-actualites.php,etc.CPT : single-montypdecontenu.php, taxonomy-rubrique.php, etc.
Les templates contextuelsClassiques : header.php, footer.php, sidebar.phpSpécifiques : sidebar-newsletter.php, sidebar-agenda.php, sidebar-actus.php, header-home.php, etc.
C'est là que se situe le gros du boulot de dév !
![Page 24: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/24.jpg)
Pré-prod / testsUtiliser un serveur dédié spécifique avec une install pérénne.
Objectifs :
Pousser les développements successifs sur un environnement
reproduisant le serveur prod
Faire les tests de montée en charge avec des contenus factices
Faire le débuggage de la phase de dév
Faire valider la solution et le fonctionnement du site
Disposer après la mise en ligne d'une version de test détachée du site
en prod
![Page 25: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/25.jpg)
Bascule sur le serveur de prod(valable pour tout projet WP)
Bonne pratique : placer WP dans un répertoire /prod
JAMAIS de modifications en direct (local > pré-prod > prod)
Interdire l'accès aux listing des dossiers et aux fichiers sensibles
Ne pas héberger PHPMyAdmin sur le serveur, déplacer wp-config.php
dans un autre répertoire(quelques tips et sur )
Enfin : mise en place du socle de base de contenus du site
ici secupress
![Page 26: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/26.jpg)
Formation des administrateurset des contributeurs
EASY!Chez nous, rarement >1j sauf spécificités ou grand nombre decontributeurs Facilité à produire de la doc réutilisable = gain de temps
Attention, screenshots de votre doc vite hasbeen !
![Page 27: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/27.jpg)
La mise en ligneLes contenus sont ok ? les admins et contributeurs fin prêts ?
Les tickets de bugs sont tous fermés ?
Alors c'est parti !
![Page 28: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/28.jpg)
Penser à l'essentielNettoyer WP de ses contenus factices (+uploads) déplacer WP sur le domaine principaljuste déplacer index.php puis ajouter /prod dans la ligne suivante : require( dirname( __FILE__ ) . '/prod/wp-blog-header.php' );
Pour en savoir +, ) Autoriser les bots d'indexation Générer les fichiers sitemap.xml Lancer une sauvegarde de l'ensemble de l'install Récupérer cette sauvegarde pour mettre à jour le serveur de pré-prod: une redondance indispensable
RTFM
![Page 29: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/29.jpg)
YAY! On y est !THE BIG UGLY WEBSITE
FUGLY UGLY
(for when plain ugly websites aren't enough)
Wednesday October 22, 2014
HI AMBER!
how are your Grams?
TWITTER UGLY
![Page 30: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/30.jpg)
Et enfin…Prestation de référencement/communication spécifique : il est tempsde se retrousser les manches Souscrire aux services web classiques de suivi : Webmaster Tools, etc. Livrer le certificat de conformité RGAA Implémenter le suivi des statistiques : Google AnalyticsPIWIK ! (open source + CNIL-compatible + ) Suivi de la maintenance : chez nous, 12 mois compris. Puis le client renouvelle par tranche
super plugin WP ici
![Page 31: Un site de collectivité sur WordPress ? Méthodes et retours d'XP](https://reader033.vdocuments.pub/reader033/viewer/2022060118/558b2bd1d8b42a61568b4690/html5/thumbnails/31.jpg)
Et voilà !Merci et à bientôt
(présentation disponible sur )atelier-111.fr/wpia3
Réalisé avec reveal.js
Contact : [email protected] // @AudrasJb