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

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

خوب، این افزونه یک ابزارک ساده هست که از کدهای js, html و css پشتیبانی می کنه.کاربر می تونه از طریق بخش افزونه ها آنرا فعال یا غیر فعال کنه و یا اینکه از بخش ابزارک ها آن را به نمایش دربیاره و یا تیترش رو تغییر بده.

خب برای کد نویسی اول یه پوشه تو مسیر wp-content/plugins ایجاد کنید، یک نام دلخواه براش در نظر بگیرید و یه فایل php هم با نام index.php درون این پوشه اضافه کنید و بعد کد زیر رو درون اون قرار بدید :

<?php
/*
Plugin Name: name
Description: lorem ipsum
author:Saleh talebi in parvanweb.ir
Plugin URI: https://parvanweb.ir
*/
?>

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

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

تا اینجا کار خاصی انجام ندادیم ولی از اینجا به بعد باید کد زیر رو به ادامه ی فایل اضافه کنیم:

<?php // Creating the widget
class yourid_widget extends WP_Widget {
 
function __construct() {
parent::__construct(
// Base ID of your widget
'yourid_widget',
 
// Widget name will appear in UI
__('اسم', 'yourid_widget_domain'),
 
// Widget description
array( 'description' => __( 'توضیح', 'yourid_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 __( 'محل افزودن کدها', 'yourid_widget_domain' );
echo $args['after_widget'];
}
 
// Widget Backend
public function form( $instance ) {
if ( isset( $instance[ 'title' ] ) ) {
$title = $instance[ 'title' ];
}
else {
$title = __( 'تیتر', 'yourid_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 yourid_widget ends here
 
// Register and youridad the widget
function yourid_youridad_widget() {
register_widget( 'yourid_widget' );
}
add_action( 'widgets_init', 'yourid_youridad_widget' );?>

مهم ترین بخش این کدها واقع در خط ۲۷ هست که اصل کاریه و شما باید کدهای html دلخواهتون رو درون اون قرار بدید.فقط کافیه که متن فارسی رو پاک کنید و بین ‘ ‘ قرار بدید.

به همین آسونی ، اولین افزونه خودتون رو طراحی و ساختید!

منبع: وبسایت ایران وب لرن