A continuaci\u00f3n, continuaremos desarrollando funcionalidades para el \u00e1rea administrativa del widget. Despu\u00e9s de eso, centraremos nuestra atenci\u00f3n en el lado p\u00fablico del widget, as\u00ed como en la funcionalidad de serializaci\u00f3n.<\/p>\n<\/blockquote>\n
Y esto nos prepara exactamente hacia d\u00f3nde nos dirigimos en esta publicaci\u00f3n en particular. Es decir, vamos a escribir una interfaz administrativa que nos permita:<\/p>\n
- \n
- definir un t\u00edtulo para el widget,<\/li>\n
- definir el contenido de texto para el widget,<\/li>\n
- y cambiar si queremos o no mostrar el t\u00edtulo.<\/li>\n<\/ul>\n
No pretende ser innovador ni pretende ser el tipo de widget que alguien m\u00e1s quiera vender. En cambio, pretende mostrar c\u00f3mo podemos tomar lo que tenemos para crear algo similar a lo que ya hemos visto en WordPress y c\u00f3mo empleamos pr\u00e1cticas de programaci\u00f3n s\u00f3lidas.<\/p>\n
La interfaz de usuario: un primer paso<\/h3>\n
Despu\u00e9s de nuestro \u00faltimo trabajo, tenemos un widget que aparece en el \u00e1rea administrativa de WordPress e incluso se puede mover a una barra lateral u otra \u00e1rea de widgets; sin embargo, en realidad no hace nada.<\/p>\n
Por ahora, sigamos adelante y agreguemos tres elementos a la interfaz de usuario:<\/p>\n
- \n
- agregue una entrada de texto para el t\u00edtulo del widget,<\/li>\n
- incluir un elemento de \u00e1rea de texto para mostrar lo que puede ser un p\u00e1rrafo de texto,<\/li>\n
- y, por \u00faltimo, agregue una casilla de verificaci\u00f3n para alternar la informaci\u00f3n del t\u00edtulo.<\/li>\n<\/ol>\n
Para hacer esto, necesitaremos editar un archivo en el\u00a0 directorio Vistas<\/strong>. Es decir, vamos a actualizar el\u00a0 archivo Admin.php<\/strong>. Comenzaremos con los elementos<\/a> exactamente como se necesitan sin marcas superfluas.<\/p>\n
<input type=\"text\" name=\"widget-title\" value=\"\" \/>\n\n<textarea name=\"widget-content\"><\/textarea>\n\n<label>\n <input\n type=\"checkbox\"\n value=\"1\"\n name=\"widget-title-enabled\"\n \/>\n Display Title?\n<\/label><\/code><\/pre>\nTodav\u00eda no ser\u00e1 mucho para ver en la parte delantera, pero nos est\u00e1 acercando a donde queremos estar.<\/p>\n
Una clase para administradores<\/h3>\n
A continuaci\u00f3n, queremos asegurarnos de mantener un alto nivel de cohesi\u00f3n con nuestras clases. Esto significa que no necesitamos una sola clase para hacer todo lo relacionado con la administraci\u00f3n, la visualizaci\u00f3n y todo el resto del trabajo requerido por la API de WordPress.<\/p>\n
Con ese fin, crearemos una segunda clase llamada WidgetAdmin<\/strong> en el directorio y espacio de nombres de WordPress .<\/strong><\/p>\n
En este archivo, incluiremos el siguiente c\u00f3digo<\/a> :<\/p>\n
<?php\n\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\nnamespace WordPressWidgetBoilerplateWordPress;\n\n\/**\n * Manages the administrative functionality of the widget.\n *\/\nclass WidgetAdmin extends Widget\n{\n \/**\n * {@inheritdoc}\n *\/\n public function __construct($widgetSlug)\n {\n parent::__construct($widgetSlug);\n }\n\n \/**\n * Displays the administrative view of the form and includes the options\n * for the instance of the widget as arguments passed into the function.\n *\n * @param array $instance the options for the instance of this widget.\n *\/\n public function form($instance)\n {\n include plugin_dir_path(__FILE__).'Views\/Admin.php';\n }\n}\n<\/code><\/pre>\nLuego, en el c\u00f3digo original para instanciar nuestro widget, cambiaremos esta l\u00ednea<\/a> :<\/p>\n
<?php\n\n\/**\n * Registers the core Widget class using the WordPress APIs.\n *\/\npublic function load()\n{\n register_widget(new Widget('widget-name'));\n}<\/code><\/pre>\nPara verse as\u00ed<\/a> :<\/p>\n
<?php\n\/**\n * Registers the core Widget class using the WordPress APIs.\n *\/\npublic function load()\n{\n register_widget(new WidgetAdmin('widget-name'));\n}<\/code><\/pre>\nEn 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
La interfaz de usuario: un segundo paso<\/h3>\n
Finalmente, limpie el formulario para que tenga un poco m\u00e1s de experiencia de usuario s\u00f3lida que combine bien con el \u00e1rea de administraci\u00f3n de WordPress en su conjunto.<\/p>\n
Toma el siguiente c\u00f3digo<\/a> :<\/p>\n
<input type=\"text\" name=\"widget-title\" value=\"\" \/>\n\n<textarea name=\"widget-content\"><\/textarea>\n\n<label>\n <input\n type=\"checkbox\"\n value=\"1\"\n name=\"widget-title-enabled\"\n \/>\n Display Title?\n<\/label><\/code><\/pre>\n
![\"Widgets](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-160909-61e71613309d7.png\")
<\/a><\/p>\n