10,00

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

10,00

  • Une formation vidéo de 56m55s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Je crée mon premier thème WordPress avec Bootstrap en moins d'une heure

ajouter ce cours aux favoris retirer ce cours des favoris

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 !

Table des matières de cette formation WordPress, Bootstrap (durée : 56m55s)

    • 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



Formateur : Adrien Gazaix

Adrien Gazaix a publié 189 tutoriels et obtenu une note moyenne de 4,8/5 sur 56 508 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

4,9
note moyenne

8
avis laissés
5 étoiles
7
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de pixelfrey laissé 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 !
    "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 :)"

  • 5
    avis de bilcoyotte laissé le 06/04/2022
    Très bien continuez.

  • 5
    avis de boxito laissé le 06/04/2022
    Toujours aussi clair Adrien. Merci pour cette approche Bootstrap/Wordpress. Pour créer ses propres template, ce tuto est indispensablement simple. Il est tout de même préférable de bien connaitre le HTML et avoir quelques notions de PhP.
    "Super si tu as pu suivre facilement le tuto 😉 oui c'est vrai que qd on connaît un peu le HTML et le PHP ça aide ! "

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    WordPress 5, Bootstrap 5
  • 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
Parcours Développeur WordPress
accédez à plus de 1437 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données