Création d'un plugin de pop-up pour WordPress

Cahier des charges et installation de Sublime Text
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

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis
5,0
39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de :

  • Comprendre comment créer un plugin spécifique pour WordPress.
  • Savoir utiliser jQuery pour ajouter des fonctionnalités interactives.
  • Maîtriser les bases de Sublime Text et des plugins associés.

Apprenez à créer un plugin de pop-up pour WordPress utilisant jQuery et développée sur Sublime Text.

Dans cette leçon, nous allons apprendre à créer un plugin de pop-up pour WordPress avec jQuery. Ce plugin permettra d'afficher une petite pop-up amusante chaque fois qu'une page est chargée sur votre site. Vous pourrez choisir les pages pour lesquelles la pop-up s'affiche, comme la page d'accueil, la page 'qui suis-je', 'où nous trouver', 'contactez-moi', ou n'importe quelle combinaison de pages de votre choix. Nous verrons également comment activer ou désactiver le plugin avec un simple bouton.

Nous utiliserons le logiciel gratuit Sublime Text pour développer notre plugin. Bien que PHP Storm aurait été idéal, Sublime Text, couplé avec une sélection de plugins gratuits, fera très bien l'affaire. Nous installerons les plugins nécessaires pour jQuery et WordPress pour bénéficier de l'auto-complétion des différentes fonctions de WordPress.

Grâce à cette leçon, vous serez en mesure de créer et personnaliser vos propres extensions pour WordPress, ce qui enrichira l'expérience utilisateur de votre site web.

Voir plus
Questions réponses
Quel logiciel utilise-t-on pour développer le plugin dans cette vidéo?
Le logiciel utilisé pour développer le plugin est Sublime Text.
Pourquoi choisir Sublime Text pour développer ce plugin?
Sublime Text est choisi car il est gratuit et compatible avec les plugins nécessaires pour jQuery et WordPress.
Quels sont les avantages d'ajouter une pop-up à un site WordPress?
Ajouter une pop-up à un site WordPress peut améliorer l'interactivité et capter l'attention des visiteurs pour des messages importants ou des promotions.
Le cahier des charges que nous avons pour ce cours, il s'agit de créer un plugin pour WordPress, mais pas n'importe lequel, un plugin de pop-up. J'ai envie qu'une petite pop-up jQuery bien sympa apparaisse lorsque je charge une page. Une page, ça peut être la page d'accueil, mais aussi la page qui suis-je, où nous trouver contactez-moi que sais-je, ou toutes les pages, ou certaines des pages seulement. Et bien entendu, avoir la possibilité d'activer ou de désactiver le plugin en appuyant sur un petit bouton. Alors c'est ce que nous allons faire. Alors bien entendu, qui dit développer un plugin veut dire utiliser un logiciel pour permettre de le faire. Donc je ne dis pas qu'un petit PHP Storm n'aurait pas été idéal dans le cas qui nous préoccupe, mais nous allons nous cantonner à l'utilisation de solutions gratuites, parce qu'elles marchent très bien dans ce cas-là, dans ce cas précis, et nous allons donc utiliser Sublime Text. Voici donc mon Sublime Text. Je vous montre ce que je lui ai mis comme plugin divers, et nous allons en rajouter certains ensemble. Donc si je fais un petit listepackage, vous pouvez constater que j'ai Emmet bien entendu, un petit color highlighter qui me permet donc de mettre en surbrillance avec la couleur choisie les CSS, un petit lorem ipsum, ça c'est toujours très bien pour mettre du faux texte quand j'en ai besoin, et sinon Package Control et Python, voilà. Je vais donc rajouter deux ou trois plugins tout de suite. Donc je vais donc dans Project, dans préférence, pardon, Package Control, Install Package. La première chose que je vais me faire, c'est rajouter jQuery, parce que nous en aurons besoin un petit peu plus tard. Sublime Text Package Bundle for jQuery, voilà. Alors celui qui va réellement, réellement m'intéresser comme plugin Sublime Text, il s'agit simplement du plugin WordPress, voilà. Donc Install Package, WordPress, vous allez pouvoir voir que l'offre de package sur Sublime Text est relativement importante. Ce qui m'intéresse en fait, c'est réellement la possibilité de pouvoir auto-compléter toutes les différentes fonctions de WordPress qui vont nous servir pour la création de notre plugin. Donc déjà je vais prendre le premier, WordPress, Sublime Text 2, WordPress Package, voilà. Alors certains font double emploi dans ce que nous allons installer, ce n'est pas très important. Install Package, WordPress, et donc je vais utiliser WordPress Completion ici, et le troisième après. Install Package, et donc même si celui que nous allons installer devrait être suffisant, je rajoute quand même ici le WordPress Snippets, voilà. Très bien, en rajoutant ces trois ou quatre petits modules complémentaires à mon installation de Sublime Text, normalement je suis très bien parti pour pouvoir créer mon plugin.

Programme détaillé de la formation

1 commentaire
5,0
1 vote
5
4
3
2
1
Natcol
Il y a 5 months
Commentaire
Bon pédagogue, dommage que la formation date
Nos dernières formations WordPress