Je crée mon premier thème WordPress avec Bootstrap en moins d'une heure
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
56m55
de formation
3
leçons vidéo
1
chapitre
Débutant
niveau requis
Adrien Gazaix
Adrien Gazaix
Formateur certifié

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

4.8/5 Trustpilot (1391 avis) Satisfait ou remboursé
56m55
de formation
3
leçons vidéo
1
chapitre

Dans ce tuto WordPress en vidéo, nous allons découvrir ensemble comment créer votre premier thème WordPress en utilisant le framework très connu : Bootstrap 5. Et on va faire tout ça en moins d'une heure !

Cette formation en ligne va vous permettre de passer au niveau supérieur et de transformer une intégration avec du contenu statique en site dynamique avec une administration pour gérer vos contenus.

Si vous souhaitez aller plus loin dans la création d'un thème WordPress, je vous propose de suivre ce pack de plus de 8h30.

Ce que nous allons voir dans ce tuto Thème Wordpress avec Bootstrap :

  • Installer un serveur local avec Wamp,
  • Télécharger WordPress 5.9 sur le site officiel,
  • Créer une base de données via PHPmyAdmin,
  • Installer WordPress,
  • Configurer les réglages généraux (page d'accueil statique, permaliens, organisation des médias...),
  • Créer la base du thème pour qu'il soit reconnu dans l'administration,
  • Installer l'extension "classic editor" pour désactiver Gutenberg,
  • Créer les pages actualités, contact ainsi que 3 articles avec du contenu,
  • Poser la structure HTML grâce aux composants fournis par Bootstrap (header avec menu, section hero, sticky footer),
  • Apprendre à utiliser la boucle WordPress (loop) pour récupérer du contenu,
  • Utiliser ACF pour créer un champ personnalisé pour les pages,
  • Rendre le menu dynamique et compatible avec la structure de Bootstrap,
  • Ajouter wp_head & wp_footer pour permettre à WordPress d'écrire dans le header et le footer,
  • Mettre en place une balise "title" intelligente pour le SEO,
  • Lier la feuille de style du thème pour ajouter des propriétés CSS par-dessus Bootstrap,
  • Scinder le index.php en plusieurs fichiers,
  • Créer un template pour la page actualités et récupérer les actualités,
  • Créer un template pour le single d'un article et afficher la date de publication,
  • Installer & configurer un plugin de formulaire de contact,
  • Utiliser une structure HTML Bootstrap pour finaliser le formulaire,

Les fichiers sources sont inclus avec le tuto.
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 vidéo.
Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Wamp, installation WordPress, réglages & base du thème
Leçon 2
Template index.php, champ ACF, menu dynamique, balise title
Leçon 3
Scinder index.php, création templates, mise en place du formulaire de contact

Table des matières

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

Avis des apprenants

Détail des avis
142
Apprenants
12
Commentaires
4,7/5
Note moyenne
5/5
9
4/5
2
3/5
1
2/5
0
1/5
0
Jean-Pierre Annen
Jean-Pierre Annen
Publié le 27/08/2024
Très bonne introduction pour lier WordPress à Bootstrap
Christian Brocot
Christian Brocot
Publié le 02/09/2022
Très bien le tuto. Cela ma permis de renouer avec Wordpress. J'utilisais uniquement Bootstrap, PHP et JS, mais galère. Seul bémol, dans le formulaire la séparation des champs par le CSS ".h15" ne fonctionne pas chez moi.
Frédéric Chretien
Frédéric Chretien
Publié le 04/05/2022
Merci ! Je dégrossi Bootstrap que j'avais laissé un peu de côté dans ma formation, c'est vrai que le gain de temps est incroyable !
Adrien Gazaix
Adrien Gazaix
Oui effectivement on gagne beaucoup de temps avec Bootstrap lorsque l'on utilise les composants à notre disposition. Après cela dépend du projet et de la maquette utilisée, on va quelques fois plus vite sans framework avec du CSS classique :)

Vos questions sur le cours

Que contient le fichier source ?

Le thème WordPress obtenu à la fin de la formation.

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
9,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
56m55 de vidéo • 1 chapitre
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 781 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 1425 tutos gratuits

Notre politique de protection des données