Dans cette formation complète de près de 5h de vidéo, je vous propose de découvrir ensemble comment créer un thème WordPress complet en utilisant le framework Bootstrap.
Au programme de ce bundle WordPress & Bootstrap :
- Épisode 1 : Nous verrons comment installer WordPress sur un serveur local, créer la base du thème à partir de fichiers HTML, le fonctionnement de la boucle pour aller chercher des contenus, découvrir ACF pour ajouter des champs personnalisés, mettre en place un formulaire de contact.
- Épisode 2 : Cet épisode nous permettra d’améliorer le thème WordPress en ajoutant des paginations sur la page actualités & à l'intérieur d’un article, mais de créer un template de page personnalisée et un champ de recherche pour trouver tout ce que l’on veut dans le site.
- Épisode 3 : Ce sera consacré ici à la partie Portfolio ou nous mettrons en place un custom post type pour pouvoir entrer des projets dans l’administration, créer des catégories pour les trier, faire une boucle personnalisée, ajouter des images à la une.
- Épisode 4 : Dans ce dernier épisode nous ajouterons de l'interactivité à notre thème comme des modales, des carrousels d’images administrables, une lightbox pour ouvrir les photos par-dessus le site et une sidebar offcanvas pour se connecter plus rapidement à l’administration du site.
Je vous invite à regarder l’extrait vidéo pour vous rendre compte du résultat final obtenu à la fin de la formation.
Toutes les sources sont fournies avec la formation.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrez des difficultés pendant ou après le visionnage de la formation.
Bonne formation !
Tuto composant ce bundle :
Je crée mon premier thème WordPress avec Bootstrap en moins d'une heure (voir la fiche produit)
- Wamp, installation WordPress, réglages & base du thème 00:16:01
- Template index.php, champ ACF, menu dynamique, balise title 00:23:32
- Scinder index.php, création templates, mise en place du formulaire de contact 00:17:22
J'améliore mon thème WordPress avec Bootstrap - Episode 2 (voir la fiche produit)
- Pagination dans la page actalités 00:09:18
- Single article : auteur, bouton retour, article précédent/suivant 00:11:59
- Page d'erreur 404 00:03:27
- Récupérer une image depuis le thème 00:05:45
- Créer une page d'accueil personnalisée 00:11:19
- Créer un modèle de page 00:06:44
- Champ de recherche et affichage des résultats 00:20:15
- BONUS : Changer le nombre de résultats affichés avec un pre_get_posts 00:03:55
Je crée un Portfolio avec WordPress & Bootstrap - Episode 3 (voir la fiche produit)
- Mise en place d'un custom post type pour créer des projets dans l'administration 00:08:37
- Ajouter des projets et créer une boucle personnalisée 00:13:23
- Afficher les projets sous forme de card grâce à Bootstrap 00:14:23
- Créer une taxonomie pour pouvoir trier les projets 00:08:56
- Récupérer les catégories pour ajouter des filtres au-dessus des projets 00:11:18
- Créer un template pour les pages de taxonomie 00:06:23
- Créer un template de single dédié aux projets du portfolio 00:10:48
- Rectifier le menu active sur la page de recherche et sur le portfolio 00:09:38
J'ajoute de l'interactivité à mon thème WordPress avec Bootstrap - Episode 4 (voir la fiche produit)
- Ajouter une modal pour les mentions légales 00:13:58
- Créer une sidebar en offcanvas avec un formulaire de connexion 00:22:20
- Styliser les messages du formulaire de contact avec les alertes Bootstrap 00:08:17
- Créer un Carousel d'images administrable sur la page d'accueil 00:19:42
- Ajouter une Lightbox pour visualiser une image ou une vidéo par dessus le site 00:10:16
- Conclusion de l'épisode 4 et de la série WordPress / Bootstrap 00:04:51
Formateur : Adrien Gazaix
-
Tuto intéressant et agréable à suivre, mais qui mérite d'être mis à jour pour correspondre à l'écosystème des nouvelles versions de WP. Exemple : on ne charge plus en dur les scripts/css mais dans functions.php via wp_enqueue_xxxx
-
Super tuto comme toujours !
-
Avec quelles versions de logiciels ce tuto est-il compatible ?WordPress 6, WordPress 5, Bootstrap 5
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés