Per quanto riguarda il refactoring di WordPress Widget Boilerplate, siamo a buon punto. \u00c8 stato fatto molto lavoro in modo tale che l’introduzione di nuove classi, funzionalit\u00e0 e funzionalit\u00e0 dovrebbe essere molto pi\u00f9 semplice.<\/p>\n
E non solo: dovrebbe essere pi\u00f9 facile da seguire.<\/p>\n
Grazie al lavoro nell’ultimo post<\/a>, abbiamo molto lavoro su cui costruire, vale a dire un’interfaccia amministrativa di base.<\/p>\n Infine, l’ultimo post diceva:<\/p>\n Nei prossimi articoli, questo continuer\u00e0 ad evolversi ma, come puoi vedere, ci stiamo assicurando di avere un’unica classe base di funzionalit\u00e0 per parlare con WordPress e una classe specifica per il rendering del modulo amministrativo.<\/p>\n<\/blockquote>\n Ed \u00e8 qui che riprenderemo in questo articolo. In particolare, esamineremo la sanificazione e la serializzazione dei dati, nonch\u00e9 il recupero dei dati salvati nel widget.<\/p>\n Prima di entrare nella serializzazione, c’\u00e8 del lavoro minore che dovremo fare per la nostra vista amministrativa. Ricordiamo dai post precedenti della serie che abbiamo creato un modulo che accetta:<\/p>\n Questo viene visualizzato bene, ma esclude alcune funzionalit\u00e0 chiave dell’API dei widget<\/a>. Vale a dire, dobbiamo assicurarci di denominare correttamente i nostri elementi utilizzando le seguenti funzioni:<\/p>\n E poi scriveremo la nostra funzione chiamata semplicemente get<\/a> che spiegher\u00f2 momentaneamente.<\/p>\n Le funzioni di cui sopra sono necessarie perch\u00e9 aiutano WordPress a tenere traccia di quante istanze del widget vengono utilizzate e quale l’utente sta modificando. In altre parole, otteniamo molte funzionalit\u00e0 gratuitamente.<\/p>\n Prima di mostrarti il \u200b\u200bcodice, voglio discutere brevemente lo scopo della\u00a0 funzione get<\/strong> che stiamo per introdurre. In breve, \u00e8 un modo per passare una chiave (come nella chiave in una coppia chiave\/valore) in una funzione e quindi far s\u00ec che recuperi facilmente un valore per noi in modo che mantenga la nostra interfaccia il pi\u00f9 pulita possibile.<\/p>\n Quindi, per prima cosa, il metodo get<\/a> :<\/p>\n La cosa importante da notare \u00e8 che questo metodo accetta non solo la chiave per il valore che stiamo leggendo, ma un array che fa riferimento all’istanza dell’array.<\/p>\n E ora, l’interfaccia utente modificata<\/a> :<\/p>\n Ma questo lascia ancora la funzionalit\u00e0 carente e lascia il lavoro da fare per noi. Vale a dire, dobbiamo disinfettare i dati e ritrasmetterli a WordPress, in modo che salvi i dati.<\/p>\n Ai fini del nostro esempio, saremo molto severi in ci\u00f2 che permettiamo. Vale a dire, supporteremo solo il testo di base e elimineremo tutto in modo aggressivo.<\/p>\n Ci\u00f2 significa che non consentiremo markup o cose del genere. Invece, rimuoveremo tutto ci\u00f2 che non \u00e8 testo di base. Possiamo decorarlo un po’ quando arriva il momento di mostrarlo sul front-end, ma lo lasceremo fino al post appropriato.<\/p>\n Per fare ci\u00f2, utilizzeremo le seguenti funzioni:<\/p>\n Ricordiamo che abbiamo due campi nel nostro widget: il campo del titolo e il campo del contenuto. A seconda del tipo di widget che stai creando, potresti aver bisogno di una sola classe o funzione per disinfettare i dati. In altre situazioni, potresti aver bisogno di qualcosa di pi\u00f9 complesso.<\/p>\n Tienilo a mente mentre esaminiamo questo codice poich\u00e9 questa non sar\u00e0 una soluzione valida per tutti. Invece, sar\u00e0 specifico per questo.<\/p>\n Ad ogni modo, per sanificare i dati, scriveremo una classe specifica per questo scopo, e poi la metteremo a disposizione della nostra classe WidgetAdmin.<\/p>\n\n
The WordPress Widget Boilerplate: Refactoring Parte 10<\/h2>\n
Refactoring dell’interfaccia utente<\/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>\nSanificazione e serializzazione<\/h3>\n
\n