Gestion des Pop-ups avec JavaScript et PHP

Brancher la popup sur le front-office
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Développeur WordPress : La création de plugin
Revoir le teaser Je m'abonne
5,0
Transcription

39,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
39,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont :

  • Brancher les fichiers JS et CSS d'un plugin
  • Créer une fonction PHP pour afficher le contenu d'une pop-up
  • Configurer l'affichage de la pop-up dans le footer du site
  • Personnaliser l'affichage de la pop-up selon les pages

Apprenez à intégrer et afficher une pop-up sur votre site web en utilisant du JavaScript et du PHP.

Dans cette leçon, vous allez découvrir les étapes pour intégrer et afficher une pop-up sur une page de votre site web. Tout d'abord, nous allons voir comment brancher correctement les fichiers JavaScript et CSS de votre plugin. Ensuite, nous aborderons la manière de démarrer votre plugin sur la page que vous choisissez dans votre arrière-plan. Le cœur de ce processus repose sur l'inclusion d'un petit snippet de code HTML et PHP, dont le contenu provient de votre éditeur.

Nous allons créer une fonction personnalisée 'jbpopupcontentdisplay' qui récupérera et affichera le contenu de votre pop-up. Une fois cette fonction créée, nous configurerons un 'addAction' afin de s'assurer que la pop-up s'affiche dans le pied de page (footer) de votre site. Vous verrez également comment tester l'affichage de la pop-up sur toutes les pages de votre site, puis comment ajouter des images ou des éléments multimédias pour enrichir l'expérience utilisateur.

Enfin, le but ultime est de vous permettre d'afficher la pop-up uniquement sur les pages souhaitées, ce qui nécessite quelques ajustements supplémentaires que nous aborderons en fin de leçon.

Voir plus
Questions réponses
Comment brancher les fichiers JS et CSS d'un plugin ?
Vous devez inclure les fichiers dans le header ou le footer de votre page en utilisant des balises script et link.
Quelle est la fonction principale créée pour afficher la pop-up ?
La fonction principale est 'jbpopupcontentdisplay'.
Comment vérifier si la pop-up s'affiche correctement ?
Vous pouvez actualiser votre page web et vérifier l'affichage dans le pied de page ou utiliser des outils de développement comme l'inspecteur d'éléments.

Programme détaillé

1 commentaire
5,0
1 vote
5
4
3
2
1
Natcol
Il y a 9 months
Commentaire
Bon pédagogue, dommage que la formation date