Construire un pont d&rsquoor magique de PHP à JavaScript en utilisant WP _ localize script ()

WP _ localize script () permet de passer des variables PHP à JavaScript. Une raison importante pour aimer WordPress est qu’il simplifie de nombreuses tâches de programmation. Aujourd’hui, nous pourrions étudier ma partie préférée de la magie WordPress: WP _ localize script (). Comme le nom ne signifie pas, WP _ localize script () permet de faire quelque chose de très important: il permet de passer des variables PHP à JavaScript. Pourquoi WP _ localize script () est bon avant de commencer, il serait utile de comprendre la différence entre serveur client (ou avant arrière plan). PHP est côté serveur: il fait tout le travail avant damp;rsquoenvoyer le contenu au navigateur. Dans notre contexte, JavaScript est le client: il fonctionne dans votre navigateur, cachant et affichant les éléments en cliquant sur la souris.
Maintenant: Pourquoi changer les variables PHP en javascript? Prenons un exemple concret. Je suis en train d’écrire un plugin (basique mais puissant) pour créer des raccourcis clavier pour l’expérience post édition WordPress. Par exemple, en utilisant ce plug in, pouvez maintenir la touche Ctrl + s enfoncée sur votre clavier et
Cela signifie que chaque lien (Ctrl + D lié à amp;lsquoSave Draftamp;rsquo) doit être sauvegardé en tant qu’option de site: un segment de données stocké dans une base de données WordPress, accessible et modifié en PHP à l’aide d’une API de configuration utile mais complexe. Nous avons besoin de Javascript pour influencer lamp;rsquointerface utilisateur du plug in, et nous ne pouvons pas rester en PHP: Nous avons besoin de JavaScript à lamp;rsquoavant pour écouter réellement lamp;rsquoutilisateur appuyer sur Ctrl + s ou namp;rsquoimporte quel raccourci clavier PE
Personnalisation dans la page post editor du navigateur. Nous avons également besoin que JS prenne les mesures appropriées: Activez le processus « enregistrer les ébauches » de la page comme si aviez cliqué sur « enregistrer les ébauches ».
Nous avons besoin de variables partagées dans deux environnements pour résumer: PHP doit gérer une option de site: une variable côté serveur qui stocke le raccourci clavier personnalisé de lamp;rsquoutilisateur
Mais WordPress nous offre une solution élégante qui ne signifie pas manipuler les balises de page ou les modèles d’objets de document (DOM). Voici: Smart Way: WP _ localize script () pour en savoir plus sur le fonctionnement de WP localize script (), jetons un coup damp;rsquooeil au Code plug in très simplifié de
Environnement: il s’agit du fichier PHP principal du plugin * Accrochez nos fonctions à l’action admin _ init Hook add action (’admin init amp;lsquo,amp;rsquo WP amp;lsquode WordPress
Faites glisser le script et mettez le en file damp;rsquoattente avant de passer les données. Dans notre exemple, nous avons fait les deux en une seule fonction, ce qui namp;rsquoest peut être pas le meilleur pour la lisibilité du Code. Vous pouvez vivre beaucoup à la fois. Nous namp;rsquoavons quamp;rsquoun seul ensemble de clés à passer, mais si avez besoin de plus de données, pouvez utiliser plusieurs types de données pour charger le tableau associatif $datatopass. Tu veux un nom? Pourquoi WP _ localize script () au lieu de WP send PHP Vars to JS ()? C’est aussi une histoire dans WordPress. Transcription: « cela permet de fournir une traduction localisée correcte de n’importe quelle chaîne utilisée dans le script. C’est nécessaire, car wordpress ne fournit actuellement que des API de localisation en PHP, pas directement en javascript… bien que la localisation soit l’utilisation principale, elle peut être utilisée pour fournir au script toutes les données que pouvez normalement obtenir Je suis du côté serveur de WordPress.
Merci pour votre lecture! Source: Nelson L.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins