Créer un thème WordPress avec Bootstrap
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
4h52
de formation
25
leçons vidéo
4
formations
Débutant
niveau requis
Adrien Gazaix
Adrien Gazaix
Formateur certifié

Créer un thème WordPress avec Bootstrap

Promo -30%
4.8/5 Trustpilot (1385 avis) Satisfait ou remboursé
4h52
de formation
25
leçons vidéo
4
formations

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 !

Cours dans ce bundle

Je crée mon premier thème WordPress avec Bootstrap en moins d'une heure Cours 1

Je crée mon premier thème WordPress avec Bootstrap en moins d'une heure

J'améliore mon thème WordPress avec Bootstrap - Episode 2 Cours 2

J'améliore mon thème WordPress avec Bootstrap - Episode 2

Je crée un Portfolio avec WordPress & Bootstrap - Episode 3 Cours 3

Je crée un Portfolio avec WordPress & Bootstrap - Episode 3

J'ajoute de l'interactivité à mon thème WordPress avec Bootstrap - Episode 4 Cours 4

J'ajoute de l'interactivité à mon thème WordPress avec Bootstrap - Episode 4

Plan détaillé des cours

 
Leçon 1

Wamp, installation WordPress, réglages & base du thème

16m01
Leçon 2

Template index.php, champ ACF, menu dynamique, balise title

23m32
Leçon 3

Scinder index.php, création templates, mise en place du formulaire de contact

17m22
 
Leçon 1

Pagination dans la page actalités

09m18
Leçon 2

Single article : auteur, bouton retour, article précédent/suivant

11m59
Leçon 3

Page d'erreur 404

03m27
Leçon 4

Récupérer une image depuis le thème

05m45
Leçon 5

Créer une page d'accueil personnalisée

11m19
Leçon 6

Créer un modèle de page

06m44
Leçon 7

Champ de recherche et affichage des résultats

20m15
Leçon 8

BONUS : Changer le nombre de résultats affichés avec un pre_get_posts

03m55
 
Leçon 1

Mise en place d'un custom post type pour créer des projets dans l'administration

08m37
Leçon 2

Ajouter des projets et créer une boucle personnalisée

13m23
Leçon 3

Afficher les projets sous forme de card grâce à Bootstrap

14m23
Leçon 4

Créer une taxonomie pour pouvoir trier les projets

08m56
Leçon 5

Récupérer les catégories pour ajouter des filtres au-dessus des projets

11m18
Leçon 6

Créer un template pour les pages de taxonomie

06m23
Leçon 7

Créer un template de single dédié aux projets du portfolio

10m48
Leçon 8

Rectifier le menu active sur la page de recherche et sur le portfolio

09m38
 
Leçon 1

Ajouter une modal pour les mentions légales

13m58
Leçon 2

Créer une sidebar en offcanvas avec un formulaire de connexion

22m20
Leçon 3

Styliser les messages du formulaire de contact avec les alertes Bootstrap

08m17
Leçon 4

Créer un Carousel d'images administrable sur la page d'accueil

19m42
Leçon 5

Ajouter une Lightbox pour visualiser une image ou une vidéo par dessus le site

10m16
Leçon 6

Conclusion de l'épisode 4 et de la série WordPress / Bootstrap

04m51

Avis des apprenants

Détail des avis
5
Commentaires
4,8/5
Note moyenne
5/5
4
4/5
1
3/5
0
2/5
0
1/5
0
Valerie Caruana
Valerie Caruana
Publié le 12/03/2025
Accessible et bien expliqué. Seule problématique pour mon cas perso : aucune connaissance en php pour le moment.... et le passage sur le découpage des fichiers est un peu délicat. par exemple, pourquoi la fermeture de la balise main va rejoindre le début du footer? (parmi les choses qui m'ont posé question.. Serait il possible de développer l'utilisation d'ACF ? (à moins que vous l'ayez déjà fait dans un autre tuto). Merci !
Antonio Coelho
Antonio Coelho
Publié le 08/11/2023
Merci bcp Vous pouvez faire un site de theatre avec date de spectacle svp ? Merci
Pierre-Franck Sentenac
Pierre-Franck Sentenac
Publié le 02/07/2023
Les tutos d'adrien un régal, je l'ai visionne plusieurs fois et les mets en pratique. Ceux qui serait intéressant dans ce tuto c'est d'amliorer le coté news. Pourquoi ne pas essayer d'intégrer un blog wordpress dans un theme bootstrpa (référence à un ancien tuto d'adrien) avec bootstrap. Merci et continue :)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
39,99€ 28€
Promo -30%
Paiement unique, sans abonnement
Accès à vie à cette formation
4h52 de vidéo
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 754 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1421 tutos gratuits

Notre politique de protection des données