Bonsoir,
Pour ceux qui avaient déjà apprécié les deux premières saisons de ma série sur le développement d'un thème Wordpress en se focalisant sur le code et la mécanique de WordPress, je viens de mettre la saison 3 en ligne.
Tuto WordPress saison 3
Cette fois ci on on installe un carousel Bootstrap alimenté par les éléments d'un Custom Post Type et on glissera quelques animations.
Au programme:
- intégrer un carousel Bootstrap et le tester avec des images temporaires.
- déterminer une taille personnalisée pour les images de notre carousel et ajouter cette taille personnalisée à notre thème
- créer un custom-post-type pour stocker les éléments du carousel
- compléter les colonnes dans la liste d'administration du custom post type pour faire apparaître la vignette et l'ordre de classement
- modifier la requête par défaut pour afficher nos custom post type dans l'ordre du classement
- utiliser le plugin Advanced Custom Fields (ACF) pour créer rapidement un champ personnalisé.
- intégrer les images de notre CPT dans le carousel en créant une boucle personnalisée
- introduire du code javascript et jQuery pour régler les paramètres du carrousel
- raccorder une librairie css nommée animate.css à notre thème pour régler les animations.
- ajouter du code javascript pour piloter les animations.
Tous les retours et critiques sont les bienvenus...
Modifié par lionel_css3 (27 Jan 2017 - 21:39)
Pour ceux qui avaient déjà apprécié les deux premières saisons de ma série sur le développement d'un thème Wordpress en se focalisant sur le code et la mécanique de WordPress, je viens de mettre la saison 3 en ligne.
Tuto WordPress saison 3
Cette fois ci on on installe un carousel Bootstrap alimenté par les éléments d'un Custom Post Type et on glissera quelques animations.
Au programme:
- intégrer un carousel Bootstrap et le tester avec des images temporaires.
- déterminer une taille personnalisée pour les images de notre carousel et ajouter cette taille personnalisée à notre thème
- créer un custom-post-type pour stocker les éléments du carousel
- compléter les colonnes dans la liste d'administration du custom post type pour faire apparaître la vignette et l'ordre de classement
- modifier la requête par défaut pour afficher nos custom post type dans l'ordre du classement
- utiliser le plugin Advanced Custom Fields (ACF) pour créer rapidement un champ personnalisé.
- intégrer les images de notre CPT dans le carousel en créant une boucle personnalisée
- introduire du code javascript et jQuery pour régler les paramètres du carrousel
- raccorder une librairie css nommée animate.css à notre thème pour régler les animations.
- ajouter du code javascript pour piloter les animations.
Tous les retours et critiques sont les bienvenus...
Modifié par lionel_css3 (27 Jan 2017 - 21:39)