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 !
Table des matières de cette formation WordPress, jQuery (durée : 1h14m)
-
- Partie 1 - Slider full page sur un site statique en HTML 00:17:19
- Partie 2 - Slider full page sur un site WordPress 00:57:02
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Excellente description de l'exploitation des Custom Post Type , personnalisable sans (trop) de soucis ....on a tous nos limites hein ! ...en tout cas c'est mon cas... :=) Une réussite !
-
Super tuto. Moi qui ne connaissais pas encore WordPress il y a 15 jours, je viens de faire entièrement mon premier site test. J'aimerais, si cela est possible, un autre tuto de notre formateur pour réaliser ceci : Sur une page d'accueil statique, inclure une colonne A et une colonne B côte à côte. Dans la colonne A, un slider de 3 articles d'une catégorie spécifique, comprenant l'image à la une et un extrait de chaque article défilant. Dans la colonne B, un slider de 3 articles d'une autre catégorie spécifique, comprenant lui aussi l'image et l'extrait. Est-ce possible ? Ce serait pour moi le seul tuto qui me resterait à apprendre pour faire le site dont j'ai envie. Merci d'avance.
-
Ce tuto est clair et très bien expliqué. Merci beaucoup au formateur pour ces tutos.
-
Avec quelles versions de logiciels ce tuto est-il compatible ?WordPress 4, WordPress 3, jQuery
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés