Créer un thème dans WordPress (partie 7)

Conversion du thème vers Bootstrap 4

Cette série vous propose d'étudier la création d'un thème WordPress "from scratch", c'est à dire en partant de zéro et dans les règles de l'art.

Dans cette septième partie (durée de 2H40) de notre tutoriel, nous allons transformer notre thème en effectuant la mise à jour de la librairie Bootstrap vers la version 4 et nous allons aussi étudier le chargement des librairies (css et javascript) dans WordPress.

Les 9 vidéos (+ l'intro) sont disponibles ci-dessous dans une playlist de ma chaine Youtube
(réglez le lecteur sur 720p^HD).

Voici les étapes que nous allons suivre au cours de ce tutoriel.

• Présentation de Bootstrap 4 et revue des différences majeures avec la version 3
• Téléchargement et installation de Bootstrap 4 dans notre thème WordPress
• Adaptation du code HTML de nos templates WordPress aux nouvelles règles de Bootstrap
• Intégration de la dernière version de Bootstrap-Navwalker mise à jour pour Bootstrap 4 afin de gérer la structure de menus compatible avec WordPress et reprise du menu de notre thème
• Installation dans WordPress de la dernière version de jQuery nécessaire à Bootstrap 4 et étude du chargement des scripts
• Conversion du carousel d'image selon Bootstrap 4
• Intégration des Cards à la place des Panels et étude des effets de Flexbox sur nos éléments
• Adaptation du pied de page et des widgets qui le composent, autres applications de Flexbox
• Ajustement des images responsives