Créer un thème WordPress avec Bootstrap
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Créer un thème WordPress avec Bootstrap

Adrien Gazaix
Promo -30%
28,00€40,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 1Wamp, installation WordPress, réglages & base du thème
16m01s
Leçon 2Template index.php, champ ACF, menu dynamique, balise title
23m32s
Leçon 3Scinder index.php, création templates, mise en place du formulaire de contact
17m22s
 
Leçon 1Pagination dans la page actalités
09m18s
Leçon 2Single article : auteur, bouton retour, article précédent/suivant
11m59s
Leçon 3Page d'erreur 404
03m27s
Leçon 4Récupérer une image depuis le thème
05m45s
Leçon 5Créer une page d'accueil personnalisée
11m19s
Leçon 6Créer un modèle de page
06m44s
Leçon 7Champ de recherche et affichage des résultats
20m15s
Leçon 8BONUS : Changer le nombre de résultats affichés avec un pre_get_posts
03m55s
 
Leçon 1Mise en place d'un custom post type pour créer des projets dans l'administration
08m37s
Leçon 2Ajouter des projets et créer une boucle personnalisée
13m23s
Leçon 3Afficher les projets sous forme de card grâce à Bootstrap
14m23s
Leçon 4Créer une taxonomie pour pouvoir trier les projets
08m56s
Leçon 5Récupérer les catégories pour ajouter des filtres au-dessus des projets
11m18s
Leçon 6Créer un template pour les pages de taxonomie
06m23s
Leçon 7Créer un template de single dédié aux projets du portfolio
10m48s
Leçon 8Rectifier le menu active sur la page de recherche et sur le portfolio
09m38s
 
Leçon 1Ajouter une modal pour les mentions légales
13m58s
Leçon 2Créer une sidebar en offcanvas avec un formulaire de connexion
22m20s
Leçon 3Styliser les messages du formulaire de contact avec les alertes Bootstrap
08m17s
Leçon 4Créer un Carousel d'images administrable sur la page d'accueil
19m42s
Leçon 5Ajouter une Lightbox pour visualiser une image ou une vidéo par dessus le site
10m16s
Leçon 6Conclusion de l'épisode 4 et de la série WordPress / Bootstrap
04m51s

Avis des apprenants

Détail des avis
18
Apprenants
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
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 :)
Membre-6967-1489
Membre-6967-1489
Publié le 12/02/2023
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

Vos questions sur le cours

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

Payer plus tard

Prix d'achat : 28,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1362 tutos gratuits

Notre politique de protection des données