Dans ce tutoriel nous allons mettre en place un slider full page (qui s'adapte à la taille du navigateur) sur un site réalisé avec WordPress. Pour un aperçu du résultat je vous conseille de regarder l'extrait vidéo personnalisé.
- PARTIE 1
Dans cette première partie nous réaliserons le slider full page sur un mini site statique en html pour voir comment fonctionne le plugin jquery et comment le mettre en place.
- PARTIE 2
Ensuite nous créerons ensemble un mini thème WordPress d'après l'intégration de la premiere partie. Nous mettrons en place un custom post type manuellement (sans plugin), puis nous le personnaliserons avec une icône. On apprendra à récupérer les slides entrés dans l'admin directement dans note fichier index.php. Quand on aura le slider fonctionnel sur le site nous ajouterons enfin un plugin pour permettre à vous ou à votre client de choisir l'ordre des slides grâce à un drap&drop.
Je ne montre pas l'installation de Wordpress dans ce tuto donc je vous conseille de regarder ce tuto avant de regarder celui-ci : https://fr.tuto.com/wordpress/installation-tour-d-horizon-de-l-admin-de-wordpress-wordpress,25097.html
Toutes les sources sont fournies avec le tuto pour que vous puissiez le mettre en place rapidement sur votre site internet.
Bon tuto !
Avis des apprenants