En ce qui concerne la refactorisation de WordPress Widget Boilerplate, nous sommes \u00e0 un bon endroit. Beaucoup de travail a \u00e9t\u00e9 fait pour que l’introduction de nouvelles classes, fonctionnalit\u00e9s et fonctionnalit\u00e9s soit beaucoup plus facile.<\/p>\n
Et pas seulement cela: cela devrait \u00eatre plus facile \u00e0 suivre.<\/p>\n
Gr\u00e2ce au travail effectu\u00e9 dans le dernier article<\/a>, nous avons beaucoup de travail \u00e0 faire, \u00e0 savoir une interface administrative de base.<\/p>\n Enfin, le dernier post disait :<\/p>\n Au cours des prochains articles, cela va continuer \u00e0 \u00e9voluer mais, comme vous pouvez le voir, nous nous assurons d’avoir une seule classe de fonctionnalit\u00e9s de base pour parler avec WordPress et une classe sp\u00e9cifiquement pour rendre le formulaire administratif.<\/p>\n<\/blockquote>\n Et c’est l\u00e0 que nous allons revenir dans cet article. Plus pr\u00e9cis\u00e9ment, nous allons examiner la d\u00e9sinfection et la s\u00e9rialisation des donn\u00e9es ainsi que la r\u00e9cup\u00e9ration des donn\u00e9es enregistr\u00e9es dans le widget.<\/p>\n Avant d’entrer dans la s\u00e9rialisation, nous allons devoir effectuer quelques travaux mineurs sur notre vue administrative. Rappelez-vous des articles pr\u00e9c\u00e9dents de la s\u00e9rie que nous avons cr\u00e9\u00e9 un formulaire qui accepte\u00a0:<\/p>\n Cela s’affiche tr\u00e8s bien, mais cela exclut certaines fonctionnalit\u00e9s cl\u00e9s de l’ API Widgets<\/a>. \u00c0 savoir, nous devons nous assurer que nous nommons correctement nos \u00e9l\u00e9ments en utilisant les fonctions suivantes\u00a0:<\/p>\n Et puis nous \u00e9crirons notre fonction simplement appel\u00e9e get<\/a> que j’expliquerai momentan\u00e9ment.<\/p>\n Les fonctions ci-dessus sont n\u00e9cessaires car elles aident WordPress \u00e0 suivre le nombre d’instances du widget utilis\u00e9es et celle que l’utilisateur modifie. En d’autres termes, nous obtenons beaucoup de fonctionnalit\u00e9s gratuitement.<\/p>\n Avant de vous montrer le code, je veux discuter bri\u00e8vement du but de la\u00a0 fonction get<\/strong> que nous allons introduire. En bref, c’est un moyen pour nous de passer une cl\u00e9 (comme dans la cl\u00e9 d’une paire cl\u00e9\/valeur) dans une fonction, puis de la faire r\u00e9cup\u00e9rer facilement une valeur pour nous afin qu’elle garde notre interface aussi propre que possible.<\/p>\n Donc, d’abord, la m\u00e9thode get<\/a> :<\/p>\n La chose importante \u00e0 noter est que cette m\u00e9thode accepte non seulement la cl\u00e9 de la valeur que nous lisons, mais un tableau faisant r\u00e9f\u00e9rence \u00e0 l’instance du tableau.<\/p>\n Et maintenant, l’UI refactoris\u00e9e<\/a> :<\/p>\n Mais cela laisse encore des fonctionnalit\u00e9s manquantes et cela nous laisse du travail \u00e0 faire. \u00c0 savoir, nous devons assainir les donn\u00e9es et les renvoyer \u00e0 WordPress, afin qu’il enregistre les donn\u00e9es.<\/p>\n Aux fins de notre exemple, nous allons \u00eatre tr\u00e8s stricts dans ce que nous autorisons. \u00c0 savoir, nous n’allons prendre en charge que le texte de base et nous allons tout supprimer de mani\u00e8re agressive.<\/p>\n Cela signifie que nous n’allons pas autoriser le balisage ou quelque chose comme \u00e7a. Au lieu de cela, nous allons supprimer tout ce qui n’est pas du texte de base. Nous pouvons le d\u00e9corer un peu quand viendra le temps de l’afficher sur le front-end, mais nous laisserons cela jusqu’au poste appropri\u00e9.<\/p>\n Pour ce faire, nous allons utiliser les fonctions suivantes\u00a0:<\/p>\n Rappelez-vous que nous avons deux champs dans notre widget – le champ de titre et le champ de contenu. Selon le type de widget que vous construisez, vous n’aurez peut-\u00eatre besoin que d’une seule classe ou fonction pour nettoyer les donn\u00e9es. Dans d’autres situations, vous aurez peut-\u00eatre besoin de quelque chose de plus complexe.<\/p>\n Gardez cela \u00e0 l’esprit lorsque nous parcourons ce code, car il ne s’agira pas d’une solution unique. Au lieu de cela, ce sera sp\u00e9cifiquement pour cela.<\/p>\n Quoi qu’il en soit, pour assainir les donn\u00e9es, nous allons \u00e9crire une classe sp\u00e9cifiquement \u00e0 cet effet, puis nous la mettrons \u00e0 la disposition de notre classe WidgetAdmin.<\/p>\n\n
Le passe-partout du widget WordPress\u00a0: refactorisation de la partie 10<\/h2>\n
Refactoriser l’interface utilisateur<\/h3>\n
\n
\n
<?php\n\n\/**\n * If the value for the key exists in the current instance of the widget, then it will\n * retrieve it. Otherwise, it will return an empty value.\n *\n * @param string $key the used to identify the value of the widget.\n * @param array $instance the options for the instance of this widget\n *\/\nprotected function get($key, $instance)\n{\n return empty($instance[$key])? '': $instance[$key];\n}<\/code><\/pre>\n<?php\n\/*\n * This file is part of WordPress Widget Boilerplate\n * (c) Tom McFarlin <tom@tommcfarlin.com>\n *\n * This source file is subject to the GPL license that is bundled\n * with this source code in the file LICENSE.\n *\/\n?>\n\n<div class=\"widget-content\">\n <p>\n <input\n type=\"text\"\n id=\"<?php echo esc_attr($this->get_field_id('title')); ?>\"\n name=\"<?php echo esc_attr($this->get_field_name('title')); ?>\"\n value=\"<?php echo $this->get('title', $instance) ?>\"\n placeholder=\"Widget Title\"\n class=\"widefat\"\n \/>\n <\/p>\n\n <p>\n <textarea\n id=\"<?php echo esc_attr($this->get_field_id('content')); ?>\"\n name=\"<?php echo esc_attr($this->get_field_name('content')); ?>\"\n placeholder=\"Widget Content\"\n style=\"width:100%;\"><?php echo $this->get('content', $instance) ?><\/textarea>\n <\/p>\n\n <p>\n <input\n type=\"checkbox\"\n value=\"on\"\n name=\"<?php echo esc_attr($this->get_field_name('display-title')); ?>\"\n id=\"<?php echo esc_attr($this->get_field_id('display-title')); ?>\"\n <?php checked('on', $this->get('display-title', $instance), true); ?>\n class=\"checkbox\"\n \/>\n <label for=\"<?php echo esc_attr($this->get_field_id('display-title')); ?>\">Display Title?<\/label>\n <\/p>\n<\/div><!-- .widget-content -->\n<\/code><\/pre>\nAssainissement et s\u00e9rialisation<\/h3>\n
\n