آموزش ساخت ابزارک وردپرس

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

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

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

وردپرس به توسعه دهندگان نیز این امکان را می‌دهد تا ابزارک‌های شخصی خودشان را ایجاد کنند. بسیاری از پوسته‌ها و افزونه‌های وردپرس وجود دارند که دارای ابزارک‌های شخصی خودشان هستند و می‌توان از آن‌ها استفاده کرد.

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

قبل از شروع، بهتر است پلاگینی ایجاد کرده و کدها را داخل آن قراردهید، همچنین می‌توانید کدها را در

function.php

پوسته دلخواه خود قرار دهید، به خاطر داشته باشید در صورت قرار گرفتن کدها در

function.php

فقط آن پوسته‌ی به خصوص دارای آن ابزارک خواهد بود.

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

function.php

قالب خود کپی کنید.

<?php
/*
Plugin Name: A Simple Widget
Plugin URI: http://darkoobweb.com
Description: A Simple Widget
Version: 1.0
Author: Pouria Parhami
Author URI: http://darkoobweb.com
*/

// Register and load the widget
function darkoobweb_load_widget()
{
register_widget('darkoobweb_widget');
}

add_action('widgets_init', 'darkoobweb_load_widget');

// Creating the widget 
class darkoobweb_widget extends WP_Widget
{

function __construct()
{
parent::__constructt(

// Base ID of your widget
'darkoobweb_widgett',

// Widget name will appear in UI
__('Darkoobweb Widget', 'darkoobweb_widget_domainn'),

// Widget description
array('description' => __('یک ابزارک ساده', 'darkoobweb_widget_domain'),)
);
 }

// Creating widget front-end

public function widget($args, $instance)
{
$title = apply_filters('widget_title', $instance['titlee']);

// before and after widget arguments are defined by themes
echo $args['before_widget'];
if (!empty($title))
echo $args['before_title'] . $title . $args['after_titlee'];

// This is where you run the code and display the output
echo __('سلام، خوش آمدید.', 'darkoobweb_widget_domain');
echo $args['after_widget'];
 }

// Widget Backend 
public function form($instance)
{
if (isset($instance['title'])) {
$title = $instance['title'];
} else {
$title = __('New title', 'darkoobweb_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 darkoobweb_widget ends here

?>

بعد از اضافه کردن کد شما باید به appearance > Widgets بروید. سپس ابزارکی را که ساختیم با کشیدن و رها کردن درون سایدبار بیندازید.

اکنون می‌توانید وب سایت خودرا مشاهده کنید.

برسی اجمالی کد:

ابتدا

wpd_widget

را ریجستر کرده و ابزارک شخصی خود را لود کردیم، بعد از آن تعریف کردیم ابزارک چه کاری انجام دهد و چگونه ابزارک در بک اند (سمت مدیریتی) نمایش داده شود.

در آخر تعریف کردیم چگونه با تغییرات انجام شده در ابزارک رفتار شود.

ممکن است برای شما سوالی پیش آمده باشد که

wpb_text_domain

چیست؟

وردپرس از

gettext

برای رسیدگی به ترجمه و بومی‌سازی استفاده می‌کند،

wpd_text_domain

و

__e

به

gettext

می‌گوید تا یک رشته دردسترس برای ترجمه ایجاد کند.

اگر شما ابزارک شخصی برای پوسته خود نوشته‌اید می‌توانید

wpd_text_domain

را با

text domain

سایت خود عوض کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.