Les enjeux

Bénéfices

• Utiliser le back office de Wordpress pour effectuer les mises à jour du site.
• Gagner en performance front en utilisant une intégration Bootstrap (on n’utilise pas de constructeur de page – builder).
• Permettre l'ajout de fonctionnalités à forte valeur ajoutée (E-commerce - Newsletter...) sans avoir à coder back end.

À propos des mises à jour du site

• Le module ACF (Advanced Custom Field) permet les mises à jour de la Home Page.
• L’éditeur Gutenberg permet la mise à jour de toutes les autres pages.

Contexte

• Soit le designer a fourni les maquettes et l’intégration (html css wordpress) est réalisée par un intégrateur/développeur.
• Soit le designer effectue une partie ou l’ensemble des travaux.

Évolution du site

On peut ajouter des pages additives sans avoir recours à du code back end.

• Descriptif des conférences (une page ou plusieurs pages par conférence).
• En savoir plus sur les conférenciers (une page ou plusieurs pages par conférencier).
• En savoir plus sur l'organisateur
• Mentions légales

Bien entendu, il faudra modifier le menu de navigation en conséquence.

On peut ajouter des fonctions supplémentaires sans avoir recours à du code back end.

• Tunnel de vente complet des billets
• Module de newsletter
• Formulaire de contact
• RGPD Cookies Compliance

Respect des maquettes

• Adapter un thème existant ne permettra pas de respecter le maquettage.
• On réalise donc en quelques étapes simples un thème Wordpress en éclatant la vue HTML Bootstrap et en répartissant le code dans 9 fichiers constitutifs d’un thème from scratch.

À propos du diagramme de template

• La Home page possède son propre code
• Toutes les autres publication sont basées sur un seul et même code.

Détails des fichiers du thème

Veuillez noter qu'il s'agit ici d'une version pédagogique. Le nombre de fichiers a été réduit volontairement. Vous trouverez dans les notes de bas de page des commentaires sur les conventions qui ont été simplifiées.

La note suivante est destinée aux utilisateurs avancés.

Ressources externes dans le Head
C'est habituel que le fichier de head charge des ressources externes comme Bootstrap et Google Fonts. Cependant, ces ressources sont souvent chargées via des actions WordPress hookées à wp_enqueue_scripts plutôt que directement dans le fichier head.php. Cela permet de gérer les dépendances et d'optimiser le chargement des scripts et des styles.

Style
Normalement, le chargement des styles se fait via la fonction wp_enqueue_style() dans le fichier functions.php du thème et non directement dans le head. Cela permet de s'assurer que les styles sont chargés de manière appropriée dans l'environnement WordPress.

Nomenclature
Vous pouvez avoir un front-page.php pour la page d'accueil, home.php pour la page principale du blog, et single.php pour les articles individuels.

Index.php
En WordPress, le fichier index.php est utilisé comme dernier recours si aucun autre template plus spécifique n'est trouvé. Il ne dirige généralement pas vers un autre template mais contient la boucle WordPress pour afficher le contenu.