Creare un widget in Wordpress

Mattepuffo's logo
Creare un widget in Wordpress

Creare un widget in Wordpress

Tendenzialmente i template che installiamo in Wodpress hanno già parecchi widget.

A me è servito crearne qualcuno personalizzato, ed oggi vediamo come fare.

Premetto che dobbiamo modificare il functions.php, quindi conviene che usiate una tema child.

La prima cosa da fare è creare una classe che estenda WP_Widget; create il file nella stessa directory del functions.php.

Il codice PHP è questo:

class TestWidget extends WP_Widget {

    function __construct() {
        parent::__construct(
            'widget_test',
            __('Test widget', 'wpb_widget_domain'),
            array('description' => __('Widget per test', 'wpb_widget_domain'))
        );
    }

    public function widget($args, $instance) {
        $title = apply_filters('widget_title', $instance['title']);
        echo $args['before_widget'];

        if (!empty($title)) {
            echo $args['before_title'] . $title . $args['after_title'];
        }

        echo '<h1>CIAO DAL TEST</h1>';

        echo $args['after_widget'];
    }

    public function form($instance) {
        if (isset($instance['title'])) {
            $title = $instance['title'];
        } else {
            $title = __('Titolo widget', 'wpb_widget_domain');
        }
        ?>
        <p>
            <label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Title:'); ?></label>
            <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>"
                   name="<?php echo $this->get_field_name('title'); ?>" type="text"
                   value="<?php echo esc_attr($title); ?>">
        </p>
        <?php
    }

    public function update($new_instance, $old_instance) {
        $instance = array();
        $instance['title'] = (!empty($new_instance['title'])) ? strip_tags($new_instance['title']) : '';
        return $instance;
    }
}

A questo punto aprite il file functions.php e aggiungete questo codice:

include_once 'TestWidget.php';
function wpb_load_test_widget() {
    register_widget('TestWidget');
}
add_action('widgets_init', 'wpb_load_test_widget');

Prima di tutto abbiamo incluso la nostra classe; poi abbiamo registrato il widget con register_widget, ed infine lo abbiamo reso visibile nel pannello admin con add_action.

Se avete fatto tutto correttamente dovreste vederlo nella pagina dedicata ai widget; a questo punto aggiungetelo nel sito per vedere il risultato.

Fate qualche prova levando i vari metodi per vedere come cambia il widget all'interno della sezione admin.

Enjoy!


Condividi

Commentami!