Utilisation d’ajax et PHP sur les sites WordPress et les plugins
Une fois la page mise à jour, l’utilisateur ne saura pas qu’aucune information sera transférée au serveur.
Les compétences nécessaires pour utiliser Ajax dans WordPress il ressort de la discussion ci – dessus que les utilisateurs ont besoin des compétences suivantes pour utiliser Ajax correctement. Comprendre les langages de programmation tels que Javascript, HTML et CSS • Maîtriser les langages côté serveur tels que PHP • comprendre les avantages XML ou json d’Ajax les avantages d’Ajax sont discutés ci – dessous • Prendre en charge presque tous les navigateurs actuellement utilisés • signifie des temps de réponse plus rapides, Cela signifie une meilleure expérience utilisateur en termes de vitesse et de performance • bibliothèques JavaScript open source telles que prototype, jquery • Raccourcissement du temps entre le client et le serveur, ce qui permet d’économiser du temps entre l’utilisateur et le serveur • parce que le serveur n’a pas besoin de gérer le chargement des données, Aide à réduire l’utilisation de la bande passante et à optimiser le fonctionnement du réseau. Comme les requêtes http XML sont utilisées pour récupérer des données, les utilisateurs peuvent effectuer plusieurs tâches à la fois.
Ajax dans WordPress est utilisé dans l’arrière – plan WordPress, de sorte qu’il est mis à jour chaque fois qu’un changement est apporté à un message ou à une catégorie, ou chaque fois qu’un administrateur ajuste un commentaire. Ajax est principalement utilisé pour jquery sur WordPress. WordPress utilise Ajax comme suit • lorsqu’une demande est faite, elle passe par « gérer les fichiers Ajax ». \
Indique la valeur de la variable « action» de la méthode « get» ou « post» • Le premier crochet est utilisé pour les actions effectuées par l’utilisateur connecté, et le second crochet est utilisé exclusivement pour déconnecter l’utilisateur. • Les fonctions arrimées doivent être programmées pour une dégradation élégante, ce qui garantit que le code fonctionne même Si JavaScript est désactivé sur le navigateur.
Dans cette section, créons un plug – in Ajax pour WordPress, prenons l’exemple d’un plug – in Ajax de base pour WordPress appelé “post likes counter”. Le plug – in comprend les fonctionnalités suivantes: • Il est mis à jour instantanément à l’avant • Les utilisateurs connectés peuvent aimer les messages. • Si l’utilisateur déconnecté tente d’aimer cet article, un message d’erreur apparaît à l’écran • Ce plugin vous aide à enregistrer le nombre total de favoris et à les afficher en premier, vous devez créer et activer un plugin wordpress vide. Pour créer un plug – in, effectuez les étapes suivantes.
Étape 1: Sélectionnez un nom unique pour le plug – in. Vous pouvez vérifier le dépôt du plug – in pour vous assurer que le nom recommandé du plug – in n’est pas utilisé. En général, les développeurs de plug – ins choisissent le nom du plug – in en fonction de ce qu’il devrait faire. Étape 2: dans l’étape suivante, vous devez créer un fichier PHP en utilisant le nom du plug – in sélectionné. Le plug – in ne peut pas avoir le même nom que le fichier PHP car l’utilisateur qui l’a installé doit insérer un fichier PHP dans le répertoire plug – in WordPress « WP content \/ plugins – » pour l’installer.
Par conséquent, le nom du fichier plug – in devrait également être unique afin d’éviter les conflits avec un autre plug – in dans le dépôt. Vous pouvez créer des noms uniques pour les fichiers PHP en utilisant votre propre nom ou nom d’entreprise dans le préfixe.
Pour gérer les appels Ajax sans Javascript, cliquez sur le lien créé à l’étape précédente pour vous amener à gérer les scripts Ajax. Php ‘; Cependant, ils ne trouveront aucun résultat utile parce que la fonction n’est pas créée pour effectuer l’opération. Pour créer une fonction dans un fichier plug – in et l’ajouter au crochet créé par WordPress, saisissez le code suivant.
& lt;? Php \/ \/ ceci n’est utilisé que pour activer la mise en évidence syntaxique. S’il est déjà inclus dans le fichier plug – in, supprimez – le.
Définit l’action des deux crochets créés, le premier pour l’utilisateur connecté et le second pour l’utilisateur déconnecté
Ajouter une action (\
Ajouter une action (\
Définir les fonctionnalités à activer pour l’utilisateur connecté
Fonction my _ user like ()
Une fois que le niveau de sécurité supplémentaire est vérifié, la fonction sort en cas d’échec
Si (! WP _ verify nonce ($u request [& # 039; nonce & # 039;]) Quote; My _ user like nonce ‘)) {Y}
Se retirer (« se retirer»);
}
Restaurer le compte de type U du Journal, s’il est vide, le définir à 0 et ajouter 1 lorsque l’enregistrement est cliqué
$like _ count = get post Meta ($u request [\
$like \ \ u count = ($like \ \ u count = ‘)? 0: $as \ u count;
$New _ count like = $count like + 1;
Mise à jour & # 039; Je l’aime bien. Spécifiez les métadonnées du mot – clé pour le poste et, si elles n’existent pas, créez de nouvelles données pour le poste.
$like = Update _ post Meta ($u request [\
Si l’opération précédente a échoué, le type de résultat est défini à & # 039; Erreur & # 039; Et définissez comme \ \ u count à l’ancienne valeur, si elle est réussie, elle sera mise à jour à nouveau \ \ u like \ \ u Count
Si ($like = = = False) {
$result [& # 039; type & # 039] = Quote; Erreur»;
$result [& # 039; like \ u Count
E. preventdefault ();
Post _ id = jquery (this). Attribut (\
Nonce = jquery (this). Attributs (\
Jquery. Ajax
Type: \
Type de données: \
URL: myajax. Ajaxurl,
Données: {Action: \
Succès: fonction (réponse)
If (response.type = = \
Jquery (\
}
Autres
Alerte (\
}
}
});
});
});
Comment implémenter Ajax dans un thème WordPress les étapes suivantes vous aideront à implémenter Ajax en utilisant PHP dans un thème WordPress. Par exemple, supposons que notre travail consiste à afficher les catégories dans le menu déroulant, et en cliquant sur la catégorie parent, les sous – catégories apparaissent dans une autre boîte déroulante. Cette tâche complète l’étape 1 à l’aide des étapes suivantes: Sélectionnez la catégorie à gauche du tableau de bord, saisissez le nom de la catégorie dans la case qui apparaît à droite, puis saisissez le curseur de catégorie ci – dessous. Sélectionnez aucune si vous créez une catégorie primaire, ou sélectionnez une catégorie primaire parmi les options si vous créez une sous – catégorie. Étape 2: dans cette étape, vous créerez un modèle WordPress qui implémentera les fonctionnalités Ajax. Ouvrez un nouveau fichier PHP et enregistrez – le. Saisissez le code suivant sur la page que vous avez créée.
Dans le code ci – dessus, \
Envoyer au fichier Ajax admin. Php ‘. Ensuite, le crochet dans la fonction fichier. Php ‘sera appelé pour obtenir les données publiées qui ont été envoyées à l’URL:’ \/ WP admin \/ admin Ajax. Php ‘pour envoyer la valeur avec la requête, utilisez le paramètre’ date ‘. Cet exemple utilise deux paramètres et paramètres de données: action et main _ catid. Étape 5: dans le fichier de fonctions. Php \
Dans cette action ci – dessus, Hook a deux paramètres. Dans le premier paramètre \
Le dernier morceau de code après avoir ajouté un crochet à l’utilisateur et à la fonction de rappel est l’implémentation _ Ajax () {ci – dessous
Si (isset ($u post [‘main _ catid’))
{Y}
$categories = get _ categories (‘Child of =’) $u post [‘main cated’] & amp; hide empty = 0 ‘);
Foreach ($category, such as $CAT) {
$options = ‘ Terme _ Id. \
$options = $ Catégorie – & gt; Nom du chat;
$options = ‘ (\
$options = \
}
Echo \
Maurier ();
Si c’est fait, c’est fait.
}
Ajouter une action (\
Ajouter une action (\
Étape 6: À cette étape, créez une nouvelle page dans le tableau de bord et attribuez – lui un modèle. Une fois la page chargée dans le navigateur, le premier menu déroulant contenant la catégorie principale est chargé. Comme le deuxième menu déroulant est vide, sélectionnez
Options dans le premier menu déroulant pour vérifier son fonctionnement. Ainsi, Ajax et PHP peuvent être utilisés sur le site WordPress avec l’aide du plugin nouvellement créé.