বানিয়ে নিন আপনার নিজের কাস্টম উইজেট

0
269

ওয়ার্ডপ্রেস উইজেট ওয়ার্ডপ্রেস ব্যবহারকারীদের জন্য এতবেশি সহজ করে দিয়েছে যে শুধুমাত্র ড্রাগ এন্ড ড্রপ করেই সাইটের যেকোনো জায়গায় এটি ব্যবহার করা যায়। বাজারে অনেক ওয়ার্ডপ্রেস থিম বা প্লাগিনস আছে যারা উইজেট ব্যবহার করে এর ব্যবহারকারীদের নিজস্ব লেআউট করে নেয়ার সুবিধা দিয়ে থাকে। এমনকি উইজেট ম্যানেজমেন্ট করার জন্য প্লাগিনস পর্যন্ত পাওয়া যায়। আজকের এই পোস্টে দেখানো হবে কিভাবে আপনি নিজের জন্য  কাস্টম ওয়ার্ডপ্রেস উইজেট তৈরী করতে পারেন।

ওয়ার্ডপ্রেস উইজেট কি

ওয়ার্ডপ্রেস উইজেট মূলত তৈরী করা হয়েছে এর ইউজারদের সহজ উপায়ে সাইটের ডিজাইন এবং গঠন তৈরী করায় সাহায্য করতে, ওয়ার্ডপ্রেস উইজেট ব্যবহারের সবথেকে মজার বিষয় হলো আপনার সাইটে ড্রাগ এন্ড ড্রপ করেই যেকোনো সাইডবার বা উইজেট রেডি এরিয়াতে আপনি ব্যবহার করতে পারেন। এটি ওয়ার্ডপ্রেস থিম ডেভেলপার বা প্লাগিনস ডেভেলপারদের জন্য অত্যন্ত উপকারী এক বিষয় যা তাদের কাজের গতিকে বহুগুন বাড়িয়ে দেয়। তারা সাইটের জন্য বিভিন্ন প্রোগ্রামিং করে functionality তৈরী করে রাখে এবং ইউজার সেগুলো যেখানে প্রয়োজন সেখানে ব্যবহার করে তাদের সাইটকে সাজিয়ে তুলতে পারে নিজের প্রয়োজন মাফিক। এটি সম্ভব হয় শুধুমাত্র ওয়ার্ডপ্রেস উইজেট আছে বলেই। ঠিক তেমনি আপনি নিজেই তৈরী করতে পারেন আপনার নিজের কাস্টম ওয়ার্ডপ্রেস উইজেট এবং তা ড্রাগ এন্ড ড্রপ ব্যবহার করতে পারেন আপনার সাইটে।

কাস্টম ওয়ার্ডপ্রেস উইজেট তৈরী করণ

নিচে যে কোড দেয়া হয়েছে তা আপনাকে পেস্ট করতে হবে থিমের functions.php ফাইলে। এখানে আপনাদের জন্য যে কোড রাখা আছে তা ভিজিটরদের অভিবাদন জানাবে।

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
// Widget description
array( ‘description’ => __( ‘Sample widget based on WPBeginner Tutorial’, ‘techonlinebd_widget_domain’ ), )
);
}
// Creating widget front-end
// This is where the action happens
public function widget( $args, $instance ) {
$title = apply_filters( ‘widget_title’, $instance[‘title’] );
// before and after widget arguments are defined by themes
echo $args[‘before_widget’];
if ( ! empty( $title ) )
echo $args[‘before_title’] . $title . $args[‘after_title’];
// This is where you run the code and display the output
echo __( ‘Hello, World!’, ‘techonlinebd_widget_domain’ );
echo $args[‘after_widget’];
}
// Widget Backend
public function form( $instance ) {
if ( isset( $instance[ ‘title’ ] ) ) {
$title = $instance[ ‘title’ ];
}
else {
$title = __( ‘New title’, ‘techonlinebd_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
}
// Updating widget replacing old instances with new
public function update( $new_instance, $old_instance ) {
$instance = array();
$instance[‘title’] = ( ! empty( $new_instance[‘title’] ) ) ? strip_tags( $new_instance[‘title’] ) : ”;
return $instance;
}
} // Class techonlinebd_widget ends here
// Register and load the widget
function techonlinebd_load_widget() {
    register_widget( ‘techonlinebd_widget’ );
}
add_action( ‘widgets_init’, ‘techonlinebd_load_widget’ );

এখন আপনার ড্যাশবোর্ড থেকে যান Appearance » Widgets, ড্রাগ এন্ড ড্রপ করুন Techonlinebd উইজেটটি আপনার যেকোনো সাইডবার এরিয়া তে। সাইটে ভিজিট করে দেখুন কি কাজটি করেছেন আপনার সাইটের জন্য।

খুবই সাধারণ এক কাজ তাই না? আশা করি পোস্টটি আপনাদের কাজে আসবে, যদি এর মাধ্যমে আপনারা কোনো উইজেট তৈরী করে থাকেন তাহলে কমেন্ট করে লিঙ্কটি দেয়ার জন্য অনুরোধ করা হলো। ভালো থাকুন।

একটি উত্তর ত্যাগ