Skip to main content

Aperçu du thème

Ce document sert de guide complet pour le thème WordPress personnalisé utilisé dans différents projets SNCF, nottament Popcon (Sardo) ainsi que SNCF Numérique.

De base le thême se nomme "bubble", mais il peut-être rennomé par l'intitulé du projet en cours.

S'appuyant sur des pratiques modernes de développement web tout en assurant une grande flexibilité et facilité de personnalisation pour les développeurs et les administrateurs de sites, ce thême est conçu dans une idée de légéreté et d'optimisation.

Fonctionnalités clés​

  • Responsive Design: Entièrement adaptatif pour offrir une expérience utilisateur fluide sur tous les appareils.
  • Optimisé pour la performance: Conçu avec l'optimisation en tête, utilisant des techniques avancées pour des temps de chargement rapides.
  • Facilité de personnalisation: Grâce aux champs personnalisés (ACF) des composants, il est facile de personnaliser le contenu et l'apparence du thème.
  • Support de Tailwind CSS: Utilise Tailwind CSS pour des styles utilitaires rapides et réactifs, permettant des personnalisations de design sans effort.
  • Architecture basée sur Timber: Utilise Timber pour une séparation claire entre la logique et la présentation, rendant le développement de thèmes plus intuitif et maintenable.
  • Navigateurs Web: Le thème est testé et optimisé pour les principaux navigateurs modernes, y compris mais sans se limiter à Chrome, Opéra, Firefox, Safari et Edge.
  • Accessibilité: Le thème est testé et optimisé dans une optique d'accéssibilité. Les composants actuel répondent donc aux normes et précaunisations à ce sujet. De plus, il comprends donc des fonctionnalités de changement de "theme visuel" (couleurs inversées, contraste renforcé), changement de typographie, d'interlignage...

Technologies et Librairies Utilisées​

  • Timber/Twig: Offre une approche moderne pour créer des templates WordPress, facilitant le travail avec les données et la logique du thème.
  • Tailwind CSS: Un framework CSS utilitaire pour un développement rapide et réactif du design.
  • FlyntWP: Une structure de démarrage pour accélérer le développement de thèmes personnalisés, en favorisant une approche composant.
  • ACF (Advanced Custom Fields): Permet de facilement ajouter des champs personnalisés aux pages WordPress, enrichissant les options de contenu sans écrire de code supplémentaire.
  • JQuery: Permet de facilement intérragir avec le contenu de la page affichée, d'effectuer des appels ajax ...
  • AlpineJs : Optionnel, Permet d'ajouter des interation JS diretement dans les fichiers vues (html, twig)

Configuration Requise​

  • PHP: Version minimum 8.2. Cette exigence assure que le thème fonctionne sur un environnement serveur stable et sécurisé, tout en bénéficiant des dernières améliorations de performance et fonctionnalités de PHP.
  • WordPress: Compatible avec WordPress 6.4 et versions ultérieures. Ce thême est conçu pour tirer parti des dernières fonctionnalités et améliorations de WordPress, assurant une intégration fluide et une expérience utilisateur de premier plan.
  • Node: Version conseillée > 20
  • Composer: Version conseillée >= 2.4
  • Advanced Custom Fields Pro: Version conseillée >= 6.0

Ressources​