Comment créer un plugin WordPress personnalisé

Pourquoi créer un plugin personnalisé

Nous savons tous qu’il existe un grand nombre de plugins gratuits et payants disponibles pour WordPress. Tous sont développés avec diverses fonctionnalités pour augmenter les fonctionnalités de votre site Web WordPress. Cependant, certaines fonctionnalités du plug-in peuvent être inutiles pour votre site Web et peuvent constituer un poids supplémentaire pour votre cadre. Parfois, tout ce dont vous avez besoin est un plugin avec une fonctionnalité très spécifique. Mais certains plugins peuvent être tellement surdéveloppés avec des fonctionnalités supplémentaires que vous ne pourrez pas les utiliser à leur plein potentiel. Bien sûr, vous pouvez également utiliser un script CSS ou des crochets WooCommerce pour supprimer également les éléments. Mais ils pourraient apporter des problèmes à votre site Web si vous mettez à jour votre thème WordPress sans exécutions appropriées. Mais si vous créez un plugin personnalisé, les modifications sont moins susceptibles d’entraver votre site Web en toutes circonstances.

Comment créer un plugin WordPress personnalisé ?

L’ensemble du processus de création d’un plugin WordPress personnalisé est bien plus simple que vous ne le pensez. Mais commençons

1. Se préparer à commencer

Vous devez remplir un certain nombre d’exigences pour créer un plugin WordPress personnalisé. Elles sont :

• Installation de WordPress sur un serveur localhost

Bien que vous puissiez développer un plugin sur un serveur en direct, c’est une très mauvaise pratique de le faire pendant que le site Web est en ligne. Si vous apportez des modifications inutiles au site Web, il peut rencontrer de graves problèmes. Donc, pour les éviter, vous devrez configurer un environnement de test localhost pour créer un plugin WordPress personnalisé si vous n’en avez pas encore.

• Utiliser un éditeur de code

WordPress est livré avec un éditeur de plugins intégré pour ajouter et modifier les codes de vos plugins. Vous pouvez également travailler avec lui pour créer un WordPress personnalisé. Mais nous vous suggérons d’utiliser un éditeur de code (IDE) comme Sublime Text, Visual Studio Code ou tout autre éditeur similaire. Ils disposent de plusieurs outils et fonctionnalités nécessaires pour créer un plugin personnalisé.

• Quelles connaissances de base en développement WP.

Pour créer un plugin WordPress personnalisé, nous utiliserons des crochets WP, des fonctions PHP et nous définirons nos propres fonctions. Nous vous recommandons donc de ne poursuivre ce tutoriel que si vous avez des connaissances de base en développement WordPress. Sinon, il pourrait être très difficile pour vous de développer vous-même un plugin personnalisé. Voici quelques-unes des exigences de base et des ressources dont vous avez besoin pour créer un plugin personnalisé. Assurez-vous que toutes ces conditions sont remplies avant de poursuivre le didacticiel.

2. Créez le fichier principal pour le plugin WordPress personnalisé

La première étape pour créer un plugin WordPress personnalisé consiste à créer un fichier principal du plugin. En fait, un seul fichier principal est nécessaire pour créer un plugin. Il doit avoir un bloc commenté avec le nom du plugin. C’est la seule valeur requise Alors commençons à travailler dessus et créons ce fichier. Ouvrez votre dossier public localhost et dirigez-vous vers l’installation WP sur laquelle vous allez travailler. Ensuite, accédez au dossier « wp-contenu/plugins » et vous y verrez tous les plugins installés Nous allons simplement ajouter notre nouveau fichier de plugin personnalisé ici. Créez un nouveau dossier sous le dossier wp-content/plugins de votre installation WP. Pour faciliter la compréhension, nous avons nommé le plugin QuadLayers_custom_products Ce fichier principal, que nous avons nommé QuadLayers_cp.php, où tout commence. C’est la porte d’entrée du plugin. Vous pouvez utiliser l’éditeur de code pour créer le fichier, mais assurez-vous simplement qu’il porte l’extension PHP et qu’il est correctement formaté en tant que fichier PHP. Copiez et collez ce code sur le fichier : <pré> /; font-family: Arial, sans-serif !important;; font-family: Arial, sans-serif !important;; font-family: Arial, sans-serif !important; @lien https://quadlayers.com/ ; font-family: Arial, sans-serif !important;; font-family: Arial, sans-serif !important; @depuis 0.0.1 @package QuadLayers Produits personnalisés ; font-family: Arial, sans-serif !important;; font-family: Arial, sans-serif !important; Nom du plugin : Produits personnalisés QuadLayers URI du plugin : https://quadlayers.com/ ; font-family: Arial, sans-serif !important;; font-family: Arial, sans-serif !important; Description : Personnalisez la page unique du produit en supprimant des éléments Version : 0.0.1 ; font-family: Arial, sans-serif !important;; font-family: Arial, sans-serif !important; Auteur : QuadLayers Domaine de texte : qlcp / si(!défini(‘ABSPATH’)){die(‘-1′);} fonction start(){ si(is_admin()==true){ require plugin_dir_path( __FILE__ ).’includes/Backend/QuadLayers-backend-init.php’; } require plugin_dir_path( __FILE__ ).’includes/Frontend/QuadLayers-frontend-init.php’; } fonction runit(){ add_action(‘init’,’start’); } runit(); Comme vous pouvez le voir, nous appelons simplement deux autres fichiers à partir d’ici : QuadLayers-frontend-init.php et QuadLayers-backend-init.php. Évidemment, l’un travaillera respectivement sur le frontend et l’autre sur le backend. Vous pouvez clairement le déduire avec leurs noms de fichiers. Parmi eux, nous pouvons nous assurer que le fichier backend ne fonctionnera que sur le backend car nous utilisons une condition avec le is_admin() une fonction. Cela signifie qu’il ne sera déclenché que lorsque l’administrateur se trouve sur le tableau de bord d’administration WP. À l’heure actuelle, vous aurez des erreurs sur votre site Web car les fichiers frontend et backend n’existent pas encore. Alors allons-y et créons-les. Créez un nouveau dossier Pour vous débarrasser des erreurs de mauvais chemin, créez deux fichiers vides, chacun Donc, ce serait notre structure de fichier de plugin final  :

QuadLayers_custom_products __QuadLayers_cp.php __inclut __Back-end __QuadLayers-backend-init.php __Front __QuadLayers-frontend-init.php

3. Options principales

Après avoir ajouté le fichier principal, nous pouvons commencer à ajouter les options de backend du plugin. Ici, nous allons créer un onglet de menu de plugin sur le tableau de bord d’administration WP. Cela permettra aux utilisateurs de choisir certaines options pour masquer ou afficher les éléments sur le front-end. Nous utiliserons l’API de configuration fournie Si vous voulez en savoir plus sur ce sujet, voici un guide complet de l’API WP Settings Pour l’instant, copiez et collez simplement le code suivant sur le fichier QuadLayers-backend-init.php <pré>

vérifié value = « 1 »> } fonction QuadLayersCheckboxRender_2(){ $options = get_option(‘qlcp_options’); ?> vérifié value = « 1 »> } fonction QuadLayersCheckboxRender_3(){ $options = get_option(‘qlcp_options’); ?> vérifié value = « 1 »> } fonction QuadLayersCheckboxRender_4(){ $options = get_option(‘qlcp_options’); ?> vérifié value = « 1 »> } fonction QuadLayersCheckboxRender_5(){ $options = get_option(‘qlcp_options’); ?> vérifié value = « 1 »> } fonction QuadLayersCheckboxRender_6(){ $options = get_option(‘qlcp_options’); ?> vérifié value = « 1 »> } Maintenant, rechargez l’écran principal ou activez votre plugin et vous verrez un nouvel onglet L’API des paramètres WP stockera un tableau avec toutes ces options Comme il s’agit de données nouvellement créées, elles doivent se trouver à la fin du tableau Bien sûr, le tableau qlcp_options est vide sur la base de données sur la capture d’écran ci-dessus. C’est parce que toutes les cases sont décochées en ce moment. Vous pouvez essayer de vérifier certains d’entre eux et revenir à PHPMyAdmin pour voir comment l’API des paramètres WP stocke les données. Maintenant que nous pouvons stocker le tableau d’options sur la base de données, nous devons saisir ces options et les utiliser

4. Options d’interface

Pour ajouter les options frontales, copiez et collez simplement le code suivant sur le fichier QuadLayers-frontend-init.php. Cela récupérera les données de la base de données, qui ont été stockées Après cela, il masquera les éléments spécifiques de la page du produit, en fonction des options qui sont vraies sur le tableau d’options. <pré> $options = get_option(‘qlcp_options’); si(!is_string($options)) : // Titre if(isset($options[‘QuadLayers_checkbox_field_1’])){ remove_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_title’, 5 ); } // Quantité if(isset($options[‘QuadLayers_checkbox_field_2’])){ add_filter( ‘woocommerce_is_sold_individually’, fonction ( $retour, $produit ) { renvoie vrai ; }, 10, 2 ); } // SKU if(isset($options[‘QuadLayers_checkbox_field_3’])){ add_filter( ‘wc_product_sku_enabled’, fonction ( $ activé ) { retourner $ activé; } ); } // Méta if(isset($options[‘QuadLayers_checkbox_field_4’])){ remove_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_meta’, 40 ); } // Onglet Description if(isset($options[‘QuadLayers_checkbox_field_5’])){ add_filter( ‘woocommerce_product_tabs’, fonction ( $onglets ) { unset( $tabs[‘description’] ); renvoie $onglets ; }, 11 ); } // Prix if(isset($options[‘QuadLayers_checkbox_field_6’])){ add_filter( ‘woocommerce_get_price_’, fonction ($prix){ retour ; } ); } endif; Nous enfermons tout le code Notez également que nous utilisons des fonctions anonymes. Cela fonctionne exactement de la même manière qu’avec les fonctions nommées. Mais nous venons de créer un code plus bref pour ce guide convivial pour les débutants. Ainsi, s’il y a des valeurs stockées Il est important pour vous, en tant que débutant, de comprendre comment nous avons interagi avec la base de données. Nos deux fichiers interagissent avec lui, mais ces fichiers ne sont en aucun cas connectés entre eux. Vous pouvez même supprimer un fichier et l’autre fonctionnera toujours car la base de données aura toujours les valeurs requises. Et c’est tout. À ce stade, vous devriez être en mesure de créer un plugin WordPress personnalisé pour sélectionner les éléments à masquer ou à afficher sur la page du produit. Back-end  :L’extrémité avant :

Conclusion

Ceci est notre guide sur la façon de créer un plugin WordPress personnalisé. Les plugins personnalisés sont très utiles si vous souhaitez avoir des fonctionnalités très spécifiques pour votre site Web et ne voulez pas encombrer votre site Web avec des fonctionnalités écrasantes de plugins WP dédiés. Pour résumer, voici les grandes étapes pour créer un plugin personnalisé :

1. Créer le fichier principal du plugin
2. Ajouter des options de back-end
3. Ajouter des options frontales

Le fichier de plugin principal lui- doit même contenir les fichiers backend et frontend pour le plugin personnalisé. Ensuite, vous pouvez ajouter les options de backend du plugin suivies de ses options de frontend. Nous avons créé un plugin personnalisé pour masquer les éléments de la page produit. Mais, vous pouvez modifier davantage ces fichiers pour créer le plugin avec les fonctionnalités particulières dont vous avez besoin. Néanmoins, si vous souhaitez toujours utiliser un plugin dédié, vous pouvez également le faire. Mais En attendant, voici quelques-uns de nos articles qui pourraient vous intéresser :

• Meilleurs plugins de paiement WooCommerce
• Comment créer un lien de paiement direct WooCommerce
• Meilleurs plugins pour compléter automatiquement les commandes WooCommerce

Nous espérons que vous pourrez développer un plugin personnalisé