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;
}
}
Devi effettuare l'accesso per postare un commento.