WordPress Tutorial Lezione 6.11 Creare Widget con __construct

Vediamo adesso in questa lezione come realizzare un Widget . Un tutorial completo sulla sua realizzazione nel Backend e Frontend di WordPress. Primo avviso se state utilizzando la versione 4.3 WordPress in su sappiate che il vecchio metodo della classe wp_widget è caduto in disuso e verrà completamente eliminato dalla versione di PHP 7.0 che molti siti di WP già utilizzano.

La prima istruzione che bisogna eseguire in questo caso è la registrazione della funzione che andremo a chiamare lo possiamo fare in due modi. Il modo più elegante è con la funzione di callback nel gangio nel seguente modo

add_action( 'widgets_init', function(){

    register_widget( 'My_Widget' );

});

Oppure in maniera tradizinale

function function_widget() {

    register_widget( 'create_widget' );

}

add_action( 'widgets_init', 'funtion_widget' );

A questo punto richiamate la classe WP_Widget e il metodo costruttore __construct

class create_widget extends WP_Widget {

function __construct() {

parent::__construct(

// Base ID of your widget

'create_widget', 

// name will appear in UI

__('Example', 'create_widget_domain'), 

//description

array( 'description' => __( 'Example widget domain, 'create_widget_domain' ), ) 

);

}

dove ho specificato il funzionamento, alcune voci vi risulteranno chiare a breve.

// Register and load the widget

function create_load_widget() {

    register_widget( 'create_widget' );

}

add_action( 'widgets_init', 'create_load_widget' );

// Creating the widget 

class create_widget extends WP_Widget {

function __construct() {

parent::__construct(

// Base ID of your widget

'create_widget', 

// Widget name will appear in UI

__('WPBeginner Widget', 'create_widget_domain'), 

// Widget description

array( 'description' => __( 'Sample widget based on WPBeginner Tutorial', 'create_widget_domain' ), ) 

);

}

A questo punto procediamo a creare il Widget nel front end

Avremo bisogno quindi del titolo e argomenti e abbiamo

public function widget( $args, $instance ) {

$title = apply_filters( 'widget_title', $instance['title'] );

// before and after widget arguments that you can find on your template

echo $args['before_widget'];

if ( ! empty( $title ) )

echo $args['before_title'] . $title . $args['after_title'];

// On this point you insert the code for display the output

echo __( 'Hello, My Example!', 'create_widget_domain' );

echo $args['after_widget'];

}

Backend Widget

Ci occuperemo quindi adesso di definire il funzionamento del back end ossia di quello che andremo a visualizzare

public function form( $instance ) {

if ( isset( $instance[ 'title' ] ) ) {

$title = $instance[ 'title' ];

}

else {

$title = __( 'New title', 'create_widget_domain' );

}

E adessp della parte dell’amministrazione che diventa la seguente dove richiamiamo i valori precedentemente inseriti.

?>

<?php 

}

// Updating widget replace the new instance with the old as you can see on the public function

public function update( $new_instance, $old_instance ) {

$instance = array();

$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';

return $instance;

}

}