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 :)
Avis des apprenants