En el post anterior, describi la razón y el plugin que nació de ella, en este pongo el código que usa el API de WP para poder crear un widget -aunque en WP 2.8 ya exista una clase nueva llamada widget de la que hablaré después-.
ahora lo bueno, el código del widget. Abre un nuevo documento con extensión .php y no olvides poner las etiquetas que definen al script como php:
-
<?php // Al inicio del script
-
-
?>// Al final del script, después de todo el código que está a continuación
Ahora, se escribe el detalle de lo que hará el plugin, esto aparecerá en el área de plugins de nuestro administrador de WP.
-
/*=================================================
-
Plugin Name: Nombre del plugin
-
Version: 1.00
-
Plugin URI: la dirección de la página a través de la cual distribuyes el plugin
-
Description: Una descripción del mismo
-
Author: Nombre del autor
-
Author URI: Dirección web del autor del plugin
-
Copyright: Sólo si es necesario, también es probable usar licencias de tipo GPL.
-
==================================================*/
Ahora llamamos al constructor del plugin o bien, la función que va a controlar el funcionamiento general del mismo
-
function nombre_del_widget($args)
-
{
-
-
echo $before_widget; //No cambia
-
echo $before_title . ‘<– Título –>’ . $after_title; //El título de la aplicación como aparecerá en la sidebar
-
echo ‘Hola Mundo’; //Aquí va el contenido del widget, los datos que se desea que maneje y muestre
-
echo $after_widget; //No cambia
-
}
Para que se puedan controlar diversas opciones de este widget desde el panel de control, es necesario crear un formulario, este formulario no requiere de usar la etiqueta <form>
-
function nombre_del_widget_control()
-
{
-
if($_POST[‘control-submit’])//Aseguramos que se haya presionado el botón de save, es opcional
-
{
-
//Aqui se coloca el código de lo que se desea modificar con lo introducido en el formulario de control,
-
//todas las variables se reciben con $_POST['nombre_de_la_variable']
-
-
}
-
echo ‘<p>Introduce Información<input type="text" id="widget" name="widget" size="5" /></p>’;//Este es un ejemplo de como colocar un campo de texto para que el usuario coloque datos en el
-
echo ‘<input type="hidden" id="control-submit" name="control-submit" value="1" />’;//Una variable oculta que se envia en caso de que el usuario presione save.
-
}
Y por último se notifica a WP que existe el widget como elemento dinámico en la barra lateral así como un control para el mismo con las siguientes dos líneas:
-
register_sidebar_widget(‘nombre_del_widget’, ‘nombre_del_registro’);
-
register_widget_control(‘nombre_del_widget_control’, ‘nombre_del_control’,200,200 );//los dos números al final son los indicadores de ancho y alto del control del widget respectivamente