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 720pHD).
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