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 :)
Table des matières de cette formation WordPress (durée : 7h07m)
-
- Chap 1 - Installation de Wordpress 00:07:44
- Chap 2 - Tour d'horizon de l'admin 00:14:53
- Chap 3 - Installation du thème 00:10:11
- Chap 4 - Création des includes 00:08:20
- Chap 5 - Appels CSS et JS 00:08:22
- Chap 6 - Création du menu dynamique 00:10:04
- Chap 7 - A propos création du template 00:13:44
- Chap 8 - Création sidebar 00:10:03
- Chap 9 - Portfolio création du template 00:05:53
- Chap 10 - Blog création du template 00:08:50
- Chap 11 - Contact création de la page 00:13:53
- Chap 12 - Blog dynamique partie 1 00:25:23
- Chap 12 - Blog dynamique partie 2 00:28:40
- Chap 13 - Single dynamique 00:27:40
- Chap 14 - Portfolio dynamique partie1 00:25:18
- Chap 14 - Portfolio dynamique partie2 00:23:00
- Chap 14 - Portfolio dynamique partie3 00:13:08
- Chap 15 - SinglePortfolio dynamique partie1 00:20:26
- Chap 15 - SinglePortfolio dynamique partie2 00:16:18
- Chap 16 - Ariane et finitions partie1 00:18:56
- Chap 16 - Ariane et finitions partie2 00:13:28
- Chap 17 - Création sous menu 00:18:33
- Chap 18 - Footer dynamique partie1 00:16:33
- Chap 18 - Footer dynamique partie2 00:17:00
- Chap 19 - Template taxonomy 00:10:01
- Chap 20 - Accueil dynamique 00:10:56
- Chap 21 - Moteur de recherche 00:13:41
- Chap 22 - Export vers hébergeur 00:16:39
- Fichiers sourcestélécharger
- Certificat
Formateur : Damien Gallez
-
Tuto très bien détaillé et bien découpé !
-
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.
-
Très clair j'atend la suite avec impatience... dans 1 mn !
-
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
note moyenne
avis laissés