ساخت ابزارک سفارشی در وردپرس

ساخت ابزارک سفارشی در وردپرس

ابزارک راهی آسان برای قرار دادن عناصر در سایت میباشد که قبلا با آنها آشنا شده ایم. قالب ها و افزونه های زیادی وجود دارند که با استفاده از ویدجت به کاربران اجازه ی ایجاد طرح های خود را میدهند. در این مقاله ما به شما نحوه ی ایجاد ابزارک سفارشی وردپرس را آموزش میدهیم.

ابزارک وردپرس چیست؟

در ابتدا ابزارک وردپرس برای فراهم کردن راه های ساده برای گرفتن طراحی و ساختار کنترل قالب های وردپرس برای کاربران ایجاد شد. بهترین قابلیت ویدجت ها کمک به قرار دادن تم در نوار کناری یا هر ناحیه ویدجت در وب سایت میباشد.

 

همچنین به ارائه دهندگان قالب و افزونه اجازه ی انعطاف پذیری میدهد. آنها میتوانند به فراورده ی خود قابلیتی اضافه کنند که به کاربران اجازه ی تصمیم گیری در مورد زمان و مکان استفاده از قابلیت بدون استفاده از کد را میدهند. به طور مشابه، به عنوان یک کاربر شما می توانید ویدجت خود را در یک پلاگین سایت خاص ایجاد کنید بطوری که میتوانید آنها را در هر قالبی که استفاده میکنید قرار دهید.

 

ساخت ابزارک در وردپرس

قبل از شروع بهتر است یک افزونه مخصوص سایت ایجاد کنید که در آن کد ویدجت را قرار دهید,همچنین میتوانید کد را در قالب فایل functions.php کپی کنید اما افزونه مخصوص سایت بهتر است. در این آموزش یک ویدجت ساده ایجاد کردیم که به بازدید کنندگان خوش آمد بگوید. کد زیر را در فایل توابع قالب سایت خود کپی کنید تا در عمل ببینید.
</p><br /><br /><br /> <p>// Creating the widget<br /><br /><br /><br /> class wpb_widget extends WP_Widget {</p><br /><br /><br /> <p>function __construct() {<br /><br /><br /><br /> parent::__construct(<br /><br /><br /><br /> // Base ID of your widget<br /><br /><br /><br /> ‘wpb_widget’, </p><br /><br /><br /> <p>// Widget name will appear in UI<br /><br /><br /><br /> __(‘ابزارک ایکس اسکریپت’, ‘wpb_widget_domain’), </p><br /><br /><br /> <p>// Widget description<br /><br /><br /><br /> array( ‘description’ => __( ‘ابزارک ساخته شده برای ایکس اسکریپت’, ‘wpb_widget_domain’ ), )<br /><br /><br /><br /> );<br /><br /><br /><br /> }</p><br /><br /><br /> <p>// Creating widget front-end<br /><br /><br /><br /> // This is where the action happens<br /><br /><br /><br /> public function widget( $args, $instance ) {<br /><br /><br /><br /> $title = apply_filters( ‘widget_title’, $instance[‘title’] );<br /><br /><br /><br /> // before and after widget arguments are defined by themes<br /><br /><br /><br /> echo $args[‘before_widget’];<br /><br /><br /><br /> if ( ! empty( $title ) )<br /><br /><br /><br /> echo $args[‘before_title’] . $title . $args[‘after_title’];</p><br /><br /><br /> <p>// This is where you run the code and display the output<br /><br /><br /><br /> echo __( ‘سلام دنیا!’, ‘wpb_widget_domain’ );<br /><br /><br /><br /> echo $args[‘after_widget’];<br /><br /><br /><br /> }</p><br /><br /><br /> <p>// Widget Backend<br /><br /><br /><br /> public function form( $instance ) {<br /><br /><br /><br /> if ( isset( $instance[ ‘title’ ] ) ) {<br /><br /><br /><br /> $title = $instance[ ‘title’ ];<br /><br /><br /><br /> }<br /><br /><br /><br /> else {<br /><br /><br /><br /> $title = __( ‘New title’, ‘wpb_widget_domain’ );<br /><br /><br /><br /> }<br /><br /><br /><br /> // Widget admin form<br /><br /><br /><br /> ?></p><br /><br /><br /> <p><br /><br /><br /> <label for=”<?php echo $this->get_field_id( ‘title’ ); ?>”><?php _e( ‘Title:’ ); ?></label><br /><br /><br /><br /> <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 ); ?>” /><br /><br /><br /> </p><br /><br /><br /> <p><?php<br /><br /><br /><br /> }</p><br /><br /><br /> <p>// Updating widget replacing old instances with new<br /><br /><br /><br /> public function update( $new_instance, $old_instance ) {<br /><br /><br /><br /> $instance = array();<br /><br /><br /><br /> $instance[‘title’] = ( ! empty( $new_instance[‘title’] ) ) ? strip_tags( $new_instance[‘title’] ) : ”;<br /><br /><br /><br /> return $instance;<br /><br /><br /><br /> }<br /><br /><br /><br /> } // Class wpb_widget ends here</p><br /><br /><br /> <p>// Register and load the widget<br /><br /><br /><br /> function wpb_load_widget() {<br /><br /><br /><br /> register_widget( ‘wpb_widget’ );<br /><br /><br /><br /> }<br /><br /><br /><br /> add_action( ‘widgets_init’, ‘wpb_load_widget’ );</p><br /><br /><br /> <p>

 

اکنون به بخش نمایش>ابزارک ها رفته و ابزارک ساخته شده را در نوار کناری قرار دهید تا عملکرد ویدجت سفارشی را ببینید. ابتدا ویدجت سفارشی ایجاد میکنیم سپس تعریفی از نحوه ی عملکرد ویدجت و چگونگی نمایش ویدجت میکنیم. در پایان ویدجت را بارگذاری میکنیم.