Développement d'un thème portfolio Wordpress de A à Z
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
7h07
de formation
28
leçons vidéo
1
chapitre
accès immédiat
Damien Gallez (damné)
Damien Gallez (damné)
Formateur certifié

Développement d'un thème portfolio Wordpress de A à Z

4.8/5 Trustpilot (1384 avis) Satisfait ou remboursé
7h07
de formation
28
leçons vidéo
1
chapitre

Voici la suite de notre formation dédiée à la création d'un site portfolio minimaliste sous Wordpress. Pour les personnes qui n'ont pas suivi la première et la deuxième partie de ce tuto, les sources PSD et HTML seront disponibles afin que vous puissiez suivre le cours sans problème?

Au programme de la formation :

  • Création d'un serveur local et d'une base de donnée pour lancer l'installation et la configuration de Wordpress
  • Tour d'horizon de l'admin
  • Création des includes
  • Appels JS / CSS de la maquette HTML + hooks
  • Création des templates de page : accueil, portfolio, blog, contact
  • Création des boucles php et passage des pages en dynamique
  • Menu dynamique et création d'un sous-menu
  • Création d'un custom post type pour le portfolio + custom taxonomy pour les rubriques des projets
  • Création de champs supplémentaires pour insérer plusieurs images par projet
  • Création de champs supplémentaire pour renseigner des informations complémentaires (logo client, nom client, description du client, site web du client...)
  • Création d'une pagination pour le blog
  • Installation d'un liker (recommandation) et affichage du nombre de vues
  • Création de sidebars dynamiques
  • Affichage des derniers articles et des derniers projets dans la sidebar
  • Passage du fil d'ariane dynamique
  • Passage de la page d'accueil dynamique et affichage des derniers projets, articles et logo client
  • Installation des commentaires dans les articles du blog et dans les projets
  • Footer dynamique : on récupère un extrait du texte de la page a-propos et les 2 derniers commentaires
  • Développement du moteur de recherche
  • Création de la page 404
  • Transfert du site en local vers un hébergeur web

Bon tuto à tous, je vous invite à regarder l'extrait pour plus d'informations !
PS : Vous trouverez en bonus dans les sources un début de code CSS pour rendre le site responsive. Le responsive n'est pas du tout le sujet de cette formation. J'ai pris un peu de temps personnel afin d'orienter un minimum le site vers une version mobile. Il se peut qu'il reste des éléments à configurer ! Vous n'êtes pas obligé d'utiliser le code fourni, le site fonctionnera très bien sans :)

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Chap 1 - Installation de Wordpress
Leçon 2
Chap 2 - Tour d'horizon de l'admin
Leçon 3
Chap 3 - Installation du thème
Leçon 4
Chap 4 - Création des includes
Leçon 5
Chap 5 - Appels CSS et JS
Leçon 6
Chap 6 - Création du menu dynamique
Leçon 7
Chap 7 - A propos création du template

Table des matières

Leçon 1

Chap 1 - Installation de Wordpress

07m44
Leçon 2

Chap 2 - Tour d'horizon de l'admin

14m53
Leçon 3

Chap 3 - Installation du thème

10m11
Leçon 4

Chap 4 - Création des includes

08m20
Leçon 5

Chap 5 - Appels CSS et JS

08m22
Leçon 6

Chap 6 - Création du menu dynamique

10m04
Leçon 7

Chap 7 - A propos création du template

13m44
Leçon 8

Chap 8 - Création sidebar

10m03
Leçon 9

Chap 9 - Portfolio création du template

05m53
Leçon 10

Chap 10 - Blog création du template

08m50
Leçon 11

Chap 11 - Contact création de la page

13m53
Leçon 12

Chap 12 - Blog dynamique partie 1

25m23
Leçon 13

Chap 12 - Blog dynamique partie 2

28m40
Leçon 14

Chap 13 - Single dynamique

27m40
Leçon 15

Chap 14 - Portfolio dynamique partie1

25m18
Leçon 16

Chap 14 - Portfolio dynamique partie2

23m
Leçon 17

Chap 14 - Portfolio dynamique partie3

13m08
Leçon 18

Chap 15 - SinglePortfolio dynamique partie1

20m26
Leçon 19

Chap 15 - SinglePortfolio dynamique partie2

16m18
Leçon 20

Chap 16 - Ariane et finitions partie1

18m56
Leçon 21

Chap 16 - Ariane et finitions partie2

13m28
Leçon 22

Chap 17 - Création sous menu

18m33
Leçon 23

Chap 18 - Footer dynamique partie1

16m33
Leçon 24

Chap 18 - Footer dynamique partie2

17m
Leçon 25

Chap 19 - Template taxonomy

10m01
Leçon 26

Chap 20 - Accueil dynamique

10m56
Leçon 27

Chap 21 - Moteur de recherche

13m41
Leçon 28

Chap 22 - Export vers hébergeur

16m39

Aperçus

Avis des apprenants

Détail des avis
342
Apprenants
10
Commentaires
4,9/5
Note moyenne
5/5
9
4/5
1
3/5
0
2/5
0
1/5
0
Memsdesign
Memsdesign
Publié le 08/11/2016
Tuto très bien détaillé et bien découpé !
Nicole Lefort
Nicole Lefort
Publié le 25/06/2016
Merci beaucoup pour ce tuto, J'avais suivi l'intégration HTML/CSS3 du site et c'était le tuto que je cherchais pour progresser dans mon apprentissage de Wordpress.
Marie Leconte
Marie Leconte
Publié le 11/12/2015
très clair j'atend la suite avec impatience... dans 1 mn !

Vos questions sur le cours

Bonjour Damien. Petite question : est ce que le contenu du portfolio que je vais créer pourra être modifié par la suite et par un tiers (ajouter des photos, des textes,...) si je lui fournis les identifiants wordpress ? Merci beaucoup !

Hello, oui sans problème. Vous pourrez même lui attribuer un login / pass différent du votre en ajoutant un utilisateur Wordpress via l'admin :)

Que contient le fichier source ?

Toutes les sources Photoshop / html / css / Fichiers du thème

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
28,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
7h07 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 752 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 1420 tutos gratuits

Notre politique de protection des données