En lo que respecta a la refactorizaci\u00f3n de WordPress Widget Boilerplate, estamos en un buen lugar. Se ha trabajado mucho para que la introducci\u00f3n de nuevas clases, caracter\u00edsticas y funcionalidades sea mucho m\u00e1s f\u00e1cil.<\/p>\n
Y no solo eso: deber\u00eda ser m\u00e1s f\u00e1cil de seguir.<\/p>\n
Gracias por el trabajo en la \u00faltima publicaci\u00f3n<\/a>, tenemos mucho trabajo para desarrollar, es decir, una interfaz administrativa b\u00e1sica.<\/p>\n Finalmente, la \u00faltima publicaci\u00f3n dec\u00eda:<\/p>\n En los pr\u00f3ximos art\u00edculos, esto continuar\u00e1 evolucionando pero, como puede ver, nos estamos asegurando de tener una \u00fanica clase b\u00e1sica de funcionalidad para hablar con WordPress y una clase espec\u00edfica para representar el formulario administrativo.<\/p>\n<\/blockquote>\n Y ah\u00ed es donde vamos a retomar en este art\u00edculo. Espec\u00edficamente, veremos c\u00f3mo desinfectar y serializar los datos, as\u00ed como recuperar los datos guardados en el widget.<\/p>\n Antes de entrar en serializaci\u00f3n, hay un trabajo menor que necesitaremos hacer en nuestra vista administrativa. Recuerde de las publicaciones anteriores de la serie que hemos creado un formulario que acepta:<\/p>\n Esto se muestra bien, pero excluye algunas funciones clave de la API de Widgets<\/a>. Es decir, debemos asegurarnos de que estamos nombrando correctamente nuestros elementos usando las siguientes funciones:<\/p>\n Y luego escribiremos nuestra funci\u00f3n simplemente llamada get<\/a>, que explicar\u00e9 en un momento.<\/p>\n Las funciones anteriores son necesarias porque ayudan a WordPress a realizar un seguimiento de cu\u00e1ntas instancias del widget se est\u00e1n utilizando y cu\u00e1l est\u00e1 editando el usuario. En otras palabras, obtenemos una gran cantidad de funciones de forma gratuita.<\/p>\n Antes de mostrarle el c\u00f3digo, quiero discutir brevemente el prop\u00f3sito de la\u00a0 funci\u00f3n get<\/strong> que vamos a presentar. En resumen, es una forma de pasar una clave (como en la clave en un par clave\/valor) a una funci\u00f3n y luego hacer que recupere f\u00e1cilmente un valor para nosotros para que mantenga nuestra interfaz lo m\u00e1s limpia posible.<\/p>\n Entonces, primero, el m\u00e9todo get<\/a> :<\/p>\n Lo importante a tener en cuenta es que este m\u00e9todo acepta no solo la clave para el valor que estamos leyendo, sino tambi\u00e9n una matriz que se refiere a la instancia de la matriz.<\/p>\n Y ahora, la interfaz de usuario refactorizada<\/a> :<\/p>\n Pero esto todav\u00eda deja una falta de funcionalidad y nos deja trabajo por hacer. Es decir, necesitamos desinfectar los datos y devolverlos a WordPress, para que guarde los datos.<\/p>\n A los efectos de nuestro ejemplo, vamos a ser muy estrictos en lo que permitimos. Es decir, solo admitiremos texto b\u00e1sico y eliminaremos todo de manera agresiva.<\/p>\n Esto significa que no vamos a permitir marcas ni nada por el estilo. En su lugar, vamos a eliminar todo lo que no sea texto b\u00e1sico. Podemos decorarlo un poco cuando llegue el momento de mostrarlo en el front-end, pero eso lo dejaremos para la publicaci\u00f3n correspondiente.<\/p>\n Para hacer esto, vamos a usar las siguientes funciones:<\/p>\n Recuerde que tenemos dos campos en nuestro widget: el campo de t\u00edtulo y el campo de contenido. Seg\u00fan el tipo de widget que est\u00e9 creando, es posible que solo necesite una sola clase o funci\u00f3n para desinfectar los datos. En otras situaciones, es posible que necesite algo m\u00e1s complejo.<\/p>\n Tenga esto en cuenta a medida que avancemos en este c\u00f3digo, ya que esta no ser\u00e1 una soluci\u00f3n \u00fanica para todos. En cambio, ser\u00e1 espec\u00edficamente para esto.<\/p>\n De todos modos, para desinfectar los datos, vamos a escribir una clase espec\u00edficamente para este prop\u00f3sito y luego la pondremos a disposici\u00f3n de nuestra clase WidgetAdmin.<\/p>\n\n
El modelo de widget de WordPress: Refactorizaci\u00f3n Parte 10<\/h2>\n
Refactorizaci\u00f3n de la interfaz de usuario<\/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>\nDesinfecci\u00f3n y serializaci\u00f3n<\/h3>\n
\n