CARA BUAT CUSTOM WIDGET PADA WORDPRESS

338
CARA BUAT CUSTOM WIDGET PADA WORDPRESS

Dengan keberadaan Widget pada web WordPress, mejadikan suatu kemudahan bagi semua pengguna untuk hanya mendrag and drop elemen ke dalam situs mereka. Ada banyak sekali tema WordPress dan juga plugin yang memakai widget untuk dapat memungkinkan setiap pengguna membangun layout sendiri. Bahkan ada juga plugin untuk dapat meningkatkan manajemenisasi atas widget. Pada artikel kali ini, Saya akan menunjukkan bagaimana cara untuk membuat widget kustom sendiri pada WordPress. Tentunya tutorial kali ini merupakan tutorial sederhana dan juga terbatas, untuk proses pengembangan yang lebih komplek lagi sesuai dengan kehendak anda, anda dapat mengembangkannya lebih dalam lagi secara mandiri.

MEMBUAT WIDGET PADA WORDPRESS

silahkan anda buka file functions.php theme wordpress milik Anda.

[php]/* Membuat widget */

class test_widget extends WP_Widget {

function __construct() {

parent::__construct(

// ID widget

‘test_widget’,

// nama widget

__(‘Centerklik Widget’, ‘test_widget_domain’),

// Widget deskripsi

array( ‘description’ => __( ‘Contoh Tutorial Widget sederhana’, ‘test_widget_domain’ ), )

);

}

// Membuat widget front-end

public function widget( $args, $instance ) {

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

// sebelum dan sesudah widget argumen ditentukan oleh tema

echo $args[‘before_widget’];

if ( ! empty( $title ) )

echo $args[‘before_title’] . $title . $args[‘after_title’];

// Code yang akan ditampilkan

echo __( ‘Hello, World!’, ‘test_widget_domain’ );

echo $args[‘after_widget’];

}

// Widget Backend

public function form( $instance ) {

if ( isset( $instance[ ‘title’ ] ) ) {

$title = $instance[ ‘title’ ];

}

else {

$title = __( ‘New title’, ‘test_widget_domain’ );

}

// Widget admin form

?>

<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

}

/*Akhir Widget */[/php]

Setelah anda menyimpan kode yang ada diatas, langsung saja masuk ke dalam dashboard wordpress milik anda dan ke dalam menu Appearance » Widgets, drag and drop Widget dalam sidebar anda untuk dapat menampilkan widget kustom ini di sidebar.

Untuk intruksi code widget yang simpel tersebut sudah saya tuliskan di bagian script code seperti diatas, silahkan anda pahami dan anda pelajari alur code seperti itu.

 

Baca juga: 10 TIPS MEMBUAT KONTEN BLOG YANG SEMPURNA

0
0%
like
0
0%
love
0
0%
haha
0
0%
wow
0
0%
sad
0
0%
angry