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

آموزش ساخت ابزارک وردپرس و یا افزونه نویسی در وردپرس ، در این زمان از وبسایت پروان وب ، قصد آموزش دادن ساخت یک ابزارک ساده یا همون مقدمات افزونه نویسی وردپرس رو داریم امیدوارم با ما همراه باشید و این آموزش رو به صورت کامل تا آخر با ما همراهی کنید!
خوب، این افزونه یک ابزارک ساده هست که از کدهای 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,279 0 -
افزونه پنل کاربری حرفه ای و بهترین افزونه ثبت نام وردپرس MemberShip Pro درگاه زرین پال
12 شهريور 139915 5,297 5 -
افزایش سرعت بارگذاری – بهترین افزونه های کش وردپرس
20 آذر 139314 300 0 -
دانلود افزونه Gravity Forms : ساخت انواع فرم های وردپرس
27 آذر 139313 385 0 -
آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت
8 تير 13969 1,759 3 -
معرفی و مقایسه 7 افزونه مشاور املاک وردپرس – ساخت سایت املاک وردپرس
2 ارديبهشت 13979 2,917 5 -
ارسال خودکار مطالب وردپرس به تلگرام، اینستاگرام و سایر شبکههای اجتماعی
1 ارديبهشت 14049 3,492 0 -
آموزش افزونه حتما بخوانید وردپرس
25 بهمن 13958 381 5
-
چگونه خطای 502 Bad Gateway در وردپرس را برطرف کنیم؟
5 ارديبهشت 14040 11 0 -
رفع ارور Memory Limit Exhausted در وردپرس (راهنمای کامل حل مشکل کمبود حافظه در وردپرس)
3 ارديبهشت 14040 27 0 -
نحوه رفع خطای Destination Folder Already Exists در وردپرس
3 ارديبهشت 14040 18 0 -
فعال سازی SSL وردپرس HTTPS رایگان با افزونه Really simple ssl
3 ارديبهشت 14041 346 5 -
چگونه خطای 400 Bad Request در وردپرس را برطرف کنیم؟
1 ارديبهشت 14040 33 5 -
ارسال خودکار مطالب وردپرس به تلگرام، اینستاگرام و سایر شبکههای اجتماعی
1 ارديبهشت 14049 3,492 0 -
ایجاد دوره آموزشی آنلاین در وردپرس با 5 افزونه راه اندازی سیستم آموزشی (LMS)
31 فروردين 14041 1,161 4.5 -
راهنمای جامع انتقال وردپرس به دامنه جدید
31 فروردين 14041 1,029 5
تبلیغات متنی
به این مطالب نیز شاید علاقه مند باشید ...
مطالب مشابه
چگونه خطای 502 Bad Gateway در وردپرس را برطرف کنیم؟
مواجه شدن با خطای 502 Bad Gateway در سایت وردپرسی میتواند بسیار آزاردهنده باشد، بهویژه زمانی که کاربران دیگر نمیتوانند به سایت شما دسترسی پیدا کنند. این خطا معمولاً زمانی رخ میدهد که یکی از سرورها پاسخ نامعتبری از یک سرور دیگر دریافت میکند و در نتیجه، ارتباط بین مرورگر و سایت قطع میشود. در […]
رفع ارور Memory Limit Exhausted در وردپرس (راهنمای کامل حل مشکل کمبود حافظه در وردپرس)
آیا در سایت وردپرسیتان با پیغام خطای “محدودیت حافظه وردپرس تمام شده است” یا “Allowed memory size exhausted” مواجه شدهاید؟ این خطا یکی از مشکلات رایج در وردپرس است که بیشتر در هاستهای اشتراکی دیده میشود. خوشبختانه رفع این خطا چندان دشوار نیست و با افزایش محدودیت حافظه PHP میتوان آن را به سادگی حل […]
نحوه رفع خطای Destination Folder Already Exists در وردپرس
خطای «پوشه مقصد از قبل وجود دارد» یا “Installation failed: destination folder already exists.” یعنی چه و چرا اتفاق میافتد؟ اگر هنگام نصب یا بهروزرسانی یک افزونه یا قالب در وردپرس با پیامی با این مضمون مواجه شدید: نصب ناموفق: پوشه مقصد از قبل وجود دارد یا Installation failed: destination folder already exists نگران نباشید، […]
فعال سازی SSL وردپرس HTTPS رایگان با افزونه Really simple ssl
چگونه https را فعال کنیم ؟ آموزش فعال سازی ssl رایگان با بهترین ssl رایگان let’s encrypt. روش های مختلف فعال سازی ssl در وردپرس را بررسی خواهیم کرد. سپس با دانلود افزونه really simple ssl، اس اس ال رایگان برای سایت وردپرسی خود فعال خواهید کرد. آیا می دانید گوگل وب سایت های غیر SSL […]
درود
اگر بخواهیم یک div رو داخل ابزارک به کار ببریم باید چگونه عمل کنیم؟