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

آموزش ساخت ابزارک وردپرس و یا افزونه نویسی در وردپرس ، در این زمان از وبسایت پروان وب ، قصد آموزش دادن ساخت یک ابزارک ساده یا همون مقدمات افزونه نویسی وردپرس رو داریم امیدوارم با ما همراه باشید و این آموزش رو به صورت کامل تا آخر با ما همراهی کنید!
خوب، این افزونه یک ابزارک ساده هست که از کدهای 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 دلخواهتون رو درون اون قرار بدید.فقط کافیه که متن فارسی رو پاک کنید و بین ‘ ‘ قرار بدید.
به همین آسونی ، اولین افزونه خودتون رو طراحی و ساختید!
منبع: وبسایت ایران وب لرن
سلام خدمت شما، در خدمتتون هستم
سلام خدمت شما، در خدمتتون هستم
ثبت نظر جدید لغو پاسخ
لیست نظرات
-
چگونه از غول های فارسی بک لینک رایگان بگیریم ؟!!!
15 فروردين 140418 1,274 0 -
افزونه پنل کاربری حرفه ای و بهترین افزونه ثبت نام وردپرس MemberShip Pro درگاه زرین پال
12 شهريور 139915 5,283 5 -
افزایش سرعت بارگذاری – بهترین افزونه های کش وردپرس
20 آذر 139314 299 0 -
دانلود افزونه Gravity Forms : ساخت انواع فرم های وردپرس
27 آذر 139313 381 0 -
آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت
8 تير 13969 1,755 3 -
معرفی و مقایسه 7 افزونه مشاور املاک وردپرس – ساخت سایت املاک وردپرس
2 ارديبهشت 13979 2,910 5 -
ارسال خودکار مطالب وردپرس به تلگرام، اینستاگرام و سایر شبکههای اجتماعی
1 ارديبهشت 14049 3,487 0 -
آموزش افزونه حتما بخوانید وردپرس
25 بهمن 13958 379 5
-
چگونه خطای 400 درخواست نامعتبر (Bad Request) را در وردپرس برطرف کنیم؟
1 ارديبهشت 14040 18 5 -
ارسال خودکار مطالب وردپرس به تلگرام، اینستاگرام و سایر شبکههای اجتماعی
1 ارديبهشت 14049 3,487 0 -
ایجاد دوره آموزشی آنلاین در وردپرس با 5 افزونه راه اندازی سیستم آموزشی (LMS)
31 فروردين 14041 1,154 4.5 -
راهنمای جامع انتقال وردپرس به دامنه جدید
31 فروردين 14041 1,024 5 -
معرفی جدیدترین افزونههای تقویم وردپرس + تقویم شمسی
29 فروردين 14041 2,584 5 -
آموزش ثبت سایت در یاندکس Yandex به همراه یاندکس متریکا ( جایگزین گوگل آنالیتیکس )
29 فروردين 14041 2,857 5 -
فروش لایسنس در ووکامرس با استفاده از افزونه License Manager for WooCommerce
25 فروردين 14040 57 0 -
بهترین افزونه های جستجوی وردپرس | افزونه جستجو پیشرفته ووکامرس
24 فروردين 14040 527 5
تبلیغات متنی
به این مطالب نیز شاید علاقه مند باشید ...
مطالب مشابه
چگونه خطای 400 درخواست نامعتبر (Bad Request) را در وردپرس برطرف کنیم؟
اگر هنگام کار با سایت وردپرس خود با خطای 400 مواجه شدهاید، نگران نباشید! در این مقاله، به زبان ساده و کامل، تمام راههای رفع این خطا را با هم بررسی میکنیم تا بتوانید سایت خود را به سرعت به حالت عادی برگردانید. خطای 400 Bad Request چیست؟ خطای 400 نشاندهنده این است که سرور […]
ارسال خودکار مطالب وردپرس به تلگرام، اینستاگرام و سایر شبکههای اجتماعی
آیا تا به حال برایتان پیش آمده که بعد از انتشار یک مطلب جدید در سایت وردپرس خود، وقت یا حوصلهای برای اشتراکگذاری آن در شبکههای اجتماعی نداشته باشید؟ خوشبختانه، راهکارهایی وجود دارند که به شما کمک میکنند تا این فرایند را به صورت کاملاً خودکار انجام دهید. با استفاده از ابزارهایی مانند وبسایت IFTTT […]
ایجاد دوره آموزشی آنلاین در وردپرس با 5 افزونه راه اندازی سیستم آموزشی (LMS)
چرا باید از افزونههای آموزش آنلاین در وردپرس استفاده کنیم؟ آیا قصد دارید با استفاده از افزونه ساخت دوره آموزشی وردپرس، یک سیستم آموزشی حرفهای روی سایت خود پیادهسازی کنید؟ خبر خوب این است که با کمک بهترین افزونههای LMS وردپرس، میتوانید بستر مناسبی برای برگزاری دورههای آنلاین، آزمونها و کلاسهای مجازی فراهم کنید؛ همه […]
راهنمای جامع انتقال وردپرس به دامنه جدید
آیا قصد دارید سایت وردپرسی خود را به دامنه جدید منتقل کنید؟ دلایل زیادی وجود دارد که ممکن است شما را به انتقال سایت به دامنه دیگر ترغیب کند. با این حال، اگر با مراحل این کار آشنا نباشید، احتمال دارد با چالشهایی روبرو شوید که برای سئو و عملکرد سایت شما مضر باشند. خبر […]
درود
اگر بخواهیم یک div رو داخل ابزارک به کار ببریم باید چگونه عمل کنیم؟