Je crée mon premier thème WordPress avec Bootstrap en moins d'une heure
Je crée mon premier thème WordPress avec Bootstrap en moins d'une heure
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
J'améliore mon thème WordPress avec Bootstrap - Episode 2
J'améliore mon thème WordPress avec Bootstrap - Episode 2
Je crée un Portfolio avec WordPress & Bootstrap - Episode 3
Je crée un Portfolio avec WordPress & Bootstrap - Episode 3
J'ajoute de l'interactivité à mon thème WordPress avec Bootstrap - Episode 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