Crear un Widget sencillo para WordPress

¡Hola!

Dado que en los dos posts anteriores hemos hablado de restringir el acceso al administrador de WordPress solo a administradores y ocultar la barra de administración en el front-end de WordPress, ahora vamos a crear un sencillo Widget que nos permitirá hacer logout desde el front.

Lo primero que tenemos que hacer es crear en nuestro functions.php (Más adelante veremos cómo hacer el código más limpito) la siguiente clase:


class btn_logout_widget extends WP_Widget {

    function __construct() {
        parent::__construct(   
        // ID del Widget
        'btn_logout_widget',
        // Nombre del Widget
        __('Botón de Logout', ' btn_logout_widget_domain'),
        // Descripción del Widget
        array( 'description' => __( 'Botón de Logout', 'btn_logout_widget_domain' ), )
        );
    }

    function widget($args,$instance){
        // Método donde está el contenido que se mostrará en el front-end, en el Sidebar.
    }

    function update($new_instance, $old_instance){
        // Método de guardado de opciones (De momento no la vamos a utilizar)
    }

    function form($instance){
        // Método de opciones del Widget que aparece cuando añadimos el Widget a una Sidebar. (Tampoco lo vamos a utilizar)
    }
}

Ahora, queremos mostrar un enlace/botón en nuestro front…

¿Dónde escribiremos el código?

Cooooorrecto, en el método widget. Procedemos entonces a escribir el código que queramos mostrar:


¿Bien?

Con lo que la clase completa nos quedaría tal que:


class btn_logout_widget extends WP_Widget {

    function __construct() {
        parent::__construct(   
        // ID del Widget
        'btn_logout_widget',
        // Nombre del Widget
        __('Botón de Logout', ' btn_logout_widget_domain'),
        // Descripción del Widget
        array( 'description' => __( 'Botón de Logout', 'btn_logout_widget_domain' ), )
        );
    }

    function widget($args,$instance){
        // Contenido del Widget que se mostrará en el front-end, en el Sidebar.
        ?>
        
        

Y para registrarlo, deberemos escribir también en el archivo functions.php lo siguiente:

add_action('widgets_init', 'registra_el_widget');
function registra_el_widget() {
    register_widget('btn_logout_widget');
}

Fijaros que en la función de WP "register_widget" le estamos pasando el nombre de la Clase "btn_logout_widget"

Y bien, ya hemos creado nuestro primer Widget suuupersencillo 🙂
Si os apetece conocer más escribidme y miraremos opciones más avanzadas.

Saludossssss


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

¿Eres programador/a?

En Pulpo están buscando nuevos talentos, envíales un email a developers@pulpoapp.com.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*