Propre plugin ajoutant un widget au plugin WPBakery

Dans ce tutoriel, vous apprendrez à créer un plugin qui vous permet d’ajouter un widget n’importe où sur le site en utilisant le constructeur de pages WPBakery. C’est une fonctionnalité très utile que ce constructeur de pages ne possède pas. Elle vous permet d’insérer n’importe quel code via le Page Builder, ce qui vous permet d’étendre notre site de la manière dont vous le souhaitez. Un exemple de son utilisation peut être l’ajout d’un widget affichant des entrées de type « Custom Post Type », par exemple des projets d’une certaine manière, comme une grille.

Comment créer votre propre plugin qui fonctionne avec WP Baker pour créer des widgets ?

De quoi avons-nous besoin ?

1. Version active du WPBakery Page Builder – WordPress Page Builder Plugin – c’est un plugin payant, qui vous permet de créer des vues de pages en utilisant le glisser-déposer. C’est un outil qui facilite la création de sites web dans WordPress, ce qui accélère considérablement le travail sur les projets.
2. Sensibilisation au PHP et à la création de code dans une approche orientée objet – notre plugin sera créé dans une approche orientée objet utilisant PHP et sans connaissance dans ces sujets, il sera difficile de comprendre le code créé dans ce tutoriel. Je vous recommande de lire les tutoriels suivants : PHP orienté objet pour débutants et Premiers pas dans la création de WordPress plugins
3. Patience et concentration lors de la création du plugin 🙂

Débutons !

La première étape consistera à créer un dossier de notre plugin, que nous appellerons REDO JSComposer Additional. Le plugin doit être placé dans le dossier où se trouvent tous nos plugins, c’est-à-dire que vous devez trouver le dossier : Plugins, et y créer notre dossier où le plugin sera situé. Le nom du dossier ne peut pas contenir de majuscules et de minuscules, d’espaces et de caractères spéciaux, c’est pourquoi nous appelons le dossier redo-jscomposer-additional respectivement.

Nous devons maintenant créer la structure de notre plugin, qui ressemblera à ceci :

Dans notre dossier principal du plugin, nous créons des dossiers :

• images – le dossier où nous allons stocker nos icônes utilisées dans le plugin,
• widgets – un dossier contenant des widgets à afficher à l’aide du plugin,

et les fichiers :

• index.php – fichier définissant le plugin (nom du plugin, auteur, etc.) et initialisant notre fichier principal main.php,
• main.php – fichier principal de notre plugin.

Allons d’abord à index.php edition.

La première étape consiste à protéger le code contre l’accès direct aux fichiers avec ABSPATH, qui est une constante définie dans WordPress, sécurisant l’accès aux fichiers .php.

Ensuite, nous mettons une description de notre plugin dans le bloc de commentaires :

• Nom du plugin – ici vous devez donner le nom de notre plugin, qui sera plus tard visible dans les plugins dans le panneau WordPress,
• Description – description de notre plugin,
• Author– nom de l’auteur,
• Author URI– URL redirigeant vers le site de l’auteur,
• Version– plugin version,
• License– spécifier une licence pour rendre le plugin disponible à tous les utilisateurs dans les plugins WordPress.

Tous les champs sont facultatifs, sauf Nom du plugin, qui est un champ obligatoire.

Ensuite, en utilisant require_once() nous ajoutons le chemin d’accès au fichier principal du plugin.