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

WP _ localize script () vous 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 () vous permet de faire quelque chose de très important: il vous 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 d’envoyer 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, vous pouvez maintenir la touche Ctrl + s enfoncée sur votre clavier et \ Cela signifie que chaque lien (Ctrl + D lié à ‘Save Draft’) 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 l’interface utilisateur du plug – in, et nous ne pouvons pas rester en PHP: Nous avons besoin de JavaScript à l’avant pour écouter réellement l’utilisateur appuyer sur Ctrl + s ou n’importe 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 vous 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 l’utilisateur \
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 d’oeil 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 ‘,’ WP ‘de WordPress
Faites glisser le script et mettez – le en file d’attente avant de passer les données. Dans notre exemple, nous avons fait les deux en une seule fonction, ce qui n’est peut – être pas le meilleur pour la lisibilité du Code. Vous pouvez vivre beaucoup à la fois. Nous n’avons qu’un seul ensemble de clés à passer, mais si vous avez besoin de plus de données, vous 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 vous 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 vous pouvez normalement obtenir Je suis du côté serveur de WordPress. \
Merci pour votre lecture! Source: Nelson L.