نحوه ایجاد ابزارک سفارشی در وردپرس

 

قطعه نهایی کد جایی است که در واقع ویجت را ثبت کرده و آن را در داخل وردپرس بارگذاری می کنیم.

function wpb_load_widget() {

    register_widget( ‘wpb_widget’ );

}

add_action( ‘widgets_init’, ‘wpb_load_widget’ );

حالا بیایید همه اینها را کنار هم بگذاریم تا یک ابزارک اصلی وردپرس ایجاد کنیم.

می توانید قطعه کد زیر را در فایل functions.php خود، کپی و جایگذاری کنید.

// 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

?>

<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 wpb_widget ends here

}

// Register and load the widget

function wpb_load_widget() {

    register_widget( ‘wpb_widget’ );

}

add_action( ‘widgets_init’, ‘wpb_load_widget’ );

پس از افزودن کد به وردپرس، باید به صفحه Appearance » Widgets در پنل مدیریت وردپرس خود بروید.

سپس، روی نماد بلوک افزودن «+» کلیک کنید و «WPBeginner Widget» را جستجو کنید و ابزارک جدید را انتخاب کنید.

این ویجت فقط یک فیلد فرم برای پر کردن دارد.

می توانید متن خود را اضافه کنید و روی دکمه “به روز رسانی” کلیک کنید تا تغییرات خود را ذخیره کنید.

اکنون می توانید از وب سایت وردپرس خود دیدن کنید تا ابزارک سفارشی را در عمل مشاهده کنید.

افزودن ابزارک سفارشی در ویرایشگر کلاسیک وردپرس

اگر از ویرایشگر کلاسیک برای اضافه کردن ابزارک های جدید به سایت خود استفاده می‌کنید، فرآیند مشابه خواهد بود.

ابزارک جدیدی به نام “WPBeginner Widget” در لیست ویجت های موجود وجود خواهد داشت. شما باید این ابزارک را در سایدبار خود بکشید و رها کنید.

سپس، عنوانی را وارد کنید و روی «ذخیره» کلیک کنید تا تنظیمات ابزارک شما ذخیره شود.

ویجت سفارشی جدید شما اکنون در وب سایت شما فعال می شود.

حالا بیایید دوباره کد را مطالعه کنیم.

ابتدا «wpb_widget» را ثبت کردیم و ویجت سفارشی خود را بارگیری کردیم. پس از آن ما تعریف کردیم که ویجت چه کاری انجام می دهد و چگونه ویجت را نمایش دهد.

در نهایت، نحوه مدیریت تغییرات ایجاد شده در ویجت را تعریف کردیم.

اکنون چند چیز وجود دارد که ممکن است بخواهید بپرسید. به عنوان مثال، هدف wpb_text_domain چیست؟

وردپرس از “gettext” برای مدیریت ترجمه و بومی سازی استفاده می کند. این wpb_text_domain و __e به «gettext» می‌گویند تا رشته‌ای را برای ترجمه در دسترس قرار دهد.

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

همچنین می توانید از افزونه ترجمه وردپرس برای ترجمه آسان وردپرس و ایجاد یک سایت چند زبانه وردپرس استفاده کنید.

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

اگر این مقاله را دوست داشتید، خوشحال می شویم نظرتان را در بخش دیدگاه های این کقاله ثبت کنید