Il y a 8 months
Commentaire
Bon pédagogue, dommage que la formation date
DescriptionProgrammeAvis
Étapes de Configuration et de Mise en Place
Objectifs
L'objectif de cette vidéo est de permettre aux participants de comprendre et d'implémenter une pop-up fonctionnelle dans un plugin WordPress, en intégrant des fichiers HTML, CSS et JavaScript. Les utilisateurs apprendront à configurer correctement leurs fichiers pour qu'ils s'affichent dans le front office.
Résumé
Cette leçon couvre l'intégration d'une pop-up depuis un plugin WordPress en utilisant HTML, CSS et JavaScript. Les détails de configuration sont abordés pour optimiser l'affichage dans le front office.
Description
Dans cette leçon, nous explorerons comment intégrer une pop-up fonctionnelle dans un plugin WordPress. Tout d'abord, la partie administration a été réalisée, nous devons maintenant nous concentrer sur le front office. Nous partirons de fichiers HTML, CSS et JavaScript préparés au préalable, représentant la pop-up. La pop-up s'affiche au centre de l'écran et peut être fermée grâce à une petite croix prévue à cet effet.
Le code inclut une feuille de style CSS simple, des scripts JavaScript complexes, trouvés en ligne, que nous avons adaptés, notamment en remplaçant $DocumentReady par jQueryDocumentReady. Ces scripts permettent à la pop-up de se comporter comme attendu. Ensuite, nous détaillerons l'importation de ces fichiers dans le plugin en utilisant des fonctions telles que WPENCUSCRIPT pour inclure les scripts et styles au sein de notre thème WordPress. Le hook WPHEAD sera utilisé pour s'assurer que les fichiers sont chargés correctement sur le front office. Une fois ces étapes réalisées, nous vérifierons que notre code est bien pris en compte à travers les différentes pages du site.
Cet apprentissage est essentiel pour ceux qui souhaitent enrichir l'interaction utilisateur sur leurs sites WordPress à l'aide de pop-ups personnalisées.
Questions - réponses
Questions réponses
Quelle est la fonction principale utilisée pour inclure les scripts dans le plugin WordPress ?
La fonction principale utilisée est
WPENCUSCRIPT.
À quel moment du chargement de la page la pop-up est-elle insérée dans le front office ?
La pop-up est insérée au moment de l'exécution du hook
WPHEAD.
Pourquoi est-il important de remplacer <code>$DocumentReady</code> par <code>jQueryDocumentReady</code> ?
Il est important de remplacer
$DocumentReady par jQueryDocumentReady pour assurer la compatibilité avec la bibliothèque jQuery utilisée par WordPress.
Programme détaillé
Module 1 - Installation de Wordpress et Sublime Text
Module 2 - Méthode php procédurale
Module 3 - Traductions
Module 4 - Méthode objet
1 commentaire
5,0
1 vote
5
4
3
2
1
Formation ajoutée au panier
Développeur WordPress : La création de plugin
Formateur expert
Accès sur tous vos appareils
Fichiers de travail téléchargeables