چگونه یک widget (ابزارک) برای وردپرس بسازیم ؟

چگونه یک widget (ابزارک) برای وردپرس بسازیم ؟
آکادمی آی تی
آکادمی آی تی
dots

چگونه یک widget (ابزارک) برای وردپرس بسازیم ؟

زمان مورد نیاز برای مطالعه 5 دقیقه

آیا شما هم علاقه مندید ابزارک اختصاصی خودتون رو بسازید ؟ widget ها به شما اجازه میدن تا المنت های مختلف رو به بخش های مشخص شده ی سایت اضافه کنید.

دپارتمان ‌ها: آموزش طراحی سایت
1398/08/02
3,142 بازدید

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

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

 

Widget ابزارک وردپرس

 

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

 

 

ساخت یک ابزارک اختصاصی

کدهای ابزارک رو میتونید در دو فایل قرار بدید. اول اینکه پلاگین اختصاصی خودتون رو بسازید و بعد این کدها رو در اون قرار بدید یا اینکه این کدها رو داخل فایل functions.php پوسته (تم) که درحال حاضر نصب و فعال هست قرار بدین.
هدف ابزارک ساده ما اینه که یک عنوان و متن رو به کاربران نشون بده :

 


 // Register and load the widget function wpb_load_widget() { register_widget( 'wpb_widget' ); } add_action( 'widgets_init', 'wpb_load_widget' ); // Creating the widget class wpb_widget extends WP_Widget { function __construct() { parent::__construct( // Base ID of your widget 'wpb_widget', // Widget name will appear in UI __('WPBeginner Widget', 'wpb_widget_domain'), // Widget description array( 'description' => __( 'Sample widget based on WPBeginner Tutorial', 'wpb_widget_domain' ), ) ); } // Creating widget front-end 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!', 'wpb_widget_domain' ); echo $args['after_widget']; } // Widget Backend public function form( $instance ) { if ( isset( $instance[ 'title' ] ) ) { $title = $instance[ 'title' ]; } else { $title = __( 'New title', 'wpb_widget_domain' ); } // Widget admin form ?> 



توضیحات کد

اول ما wpb_widget رو ثبت کردیم و ابزارکمون رو بارگزاری کردیم. بعد مشخص کردیم ابزارک چطوری در مدیریت سایت نمایش داده بشه و درنهایت تغییراتی که روی ابزارک صورت میافته رو کنترل کردیم. 
•    متغیر wpb_widget_domain فقط برای ترجمه سازی سایت های چندزبانه هست.
•    Title متغیری هست که در بخش مدیریت میتونید مقدارش رو وارد کنید.
•    در بخش Widget admin form کدهای Html نوشته شده و از متغیرهای مورد نیاز استفاده شده.

بعد از اینکه کدها رو اضافه کردید وارد قسمت "ظاهر / ابزارک ها" (Appearance/Widgets) بشید. ابزار جدیدمون به اسم WPBeginner اضافه شده میتونید با کشیدن اون به سمت Sidebar اون رو به سایت اضافه کنید.

 

Appearance/Widgets