Je crée un Portfolio avec WordPress & Bootstrap - Episode 3
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

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

Adrien Gazaix
10,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto WordPress en vidéo, nous allons découvrir ensemble comment créer un Portfolio pour présenter vos projets facilement avec un système de filtres par catégories.
Il est important d'avoir suivi les 2 premiers épisodes avant de visionner celui-ci :

  • Episode 1 : Créer la base du thème en moins d'une heure
  • Episode 2 : Améliorer le thème en ajoutant des fonctionnalités

Ce que nous allons voir dans ce tuto Portfolio avec WordPress & Bootstrap :

  • Mise en place d'un custom post type pour créer des projets dans l'administration
  • Ajouter des images dans la partie médias pour pouvoir créer des nouveaux projets + utiliser le loop WordPress avec WP_QUERY pour les récupérer sur la page du Portfolio
  • Afficher les projets sous forme de "card" grâce à Bootstrap avec un système de grille à 3 colonnes
  • Créer une taxonomie pour pouvoir trier les projets et afficher la catégorie de chaque projet dans leur card respective
  • Récupérer les catégories pour ajouter des filtres au-dessus des projets
  • Créer un template pour les pages de taxonomie afin d'afficher seulement les projets qui sont dans la catégorie sélectionnée
  • Créer un template de single dédié aux projets du portfolio avec une pagination pour passer d'un projet à l'autre facilement
  • Rectifier le menu actif sur la page de recherche et sur le portfolio

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
Mise en place d'un custom post type pour créer des projets dans l'administration
Leçon 2
Ajouter des projets et créer une boucle personnalisée
Leçon 3
Afficher les projets sous forme de card grâce à Bootstrap
Leçon 4
Créer une taxonomie pour pouvoir trier les projets
Leçon 5
Récupérer les catégories pour ajouter des filtres au-dessus des projets
Leçon 6
Créer un template pour les pages de taxonomie
Leçon 7
Créer un template de single dédié aux projets du portfolio

Plan détaillé du cours

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

Avis des apprenants

Détail des avis
65
Apprenants
9
Commentaires
5/5
Note moyenne
5/5
9
4/5
0
3/5
0
2/5
0
1/5
0
Christian Brocot
Christian Brocot
Publié le 04/09/2022
Encore un très bon tuto. Pas eu trop de problème.
Adrien Gazaix
Adrien Gazaix
Super alors 👌 Merci a toi !
Chrystelle Langlais
Chrystelle Langlais
Publié le 22/06/2022
Vraiment super ce tuto qui mêle wordpress et bootstrap ! Merci beaucoup :-)
Adrien Gazaix
Adrien Gazaix
De rien merci a toi et bonne continuation !
Frédéric Chretien
Frédéric Chretien
Publié le 04/05/2022
Merci beaucoup, c'est assez clair et concret ! Je poursuis sur l'épisode 4 !
Adrien Gazaix
Adrien Gazaix
Super, merci à toi et bonne continuation sur ce nouvel épisode ;)

Vos questions sur le cours

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 du tuto, ainsi que les images pour illustrer les projets du portfolio.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 10,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 1389 tutos gratuits

Notre politique de protection des données