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

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

Damien Gallez
29,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Leçon 1Chap 1 - Installation de Wordpress
07m44s
Leçon 2Chap 2 - Tour d'horizon de l'admin
14m53s
Leçon 3Chap 3 - Installation du thème
10m11s
Leçon 4Chap 4 - Création des includes
08m20s
Leçon 5Chap 5 - Appels CSS et JS
08m22s
Leçon 6Chap 6 - Création du menu dynamique
10m04s
Leçon 7Chap 7 - A propos création du template
13m44s
Leçon 8Chap 8 - Création sidebar
10m03s
Leçon 9Chap 9 - Portfolio création du template
05m53s
Leçon 10Chap 10 - Blog création du template
08m50s
Leçon 11Chap 11 - Contact création de la page
13m53s
Leçon 12Chap 12 - Blog dynamique partie 1
25m23s
Leçon 13Chap 12 - Blog dynamique partie 2
28m40s
Leçon 14Chap 13 - Single dynamique
27m40s
Leçon 15Chap 14 - Portfolio dynamique partie1
25m18s
Leçon 16Chap 14 - Portfolio dynamique partie2
23m
Leçon 17Chap 14 - Portfolio dynamique partie3
13m08s
Leçon 18Chap 15 - SinglePortfolio dynamique partie1
20m26s
Leçon 19Chap 15 - SinglePortfolio dynamique partie2
16m18s
Leçon 20Chap 16 - Ariane et finitions partie1
18m56s
Leçon 21Chap 16 - Ariane et finitions partie2
13m28s
Leçon 22Chap 17 - Création sous menu
18m33s
Leçon 23Chap 18 - Footer dynamique partie1
16m33s
Leçon 24Chap 18 - Footer dynamique partie2
17m
Leçon 25Chap 19 - Template taxonomy
10m01s
Leçon 26Chap 20 - Accueil dynamique
10m56s
Leçon 27Chap 21 - Moteur de recherche
13m41s
Leçon 28Chap 22 - Export vers hébergeur
16m39s

Aperçus

Avis des apprenants

Détail des avis
238
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

Avec quelle version de logiciel ce tuto est-il compatible ?

WordPress 3

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

Attendez ! 🤗

Accédez à plus de 1450 tutos gratuits

Notre politique de protection des données