آموزش پلاگین نویسی وردپرس (ساخت و طراحی افزونه وردپرس)
اگر می‌خواهید امکانات اختصاصی به سایتتان اضافه کنید و هیچ افزونه‌ای برای آن یافت نمی‌شود راهکار ساده است؛ پلاگین نویسی وردپرس را یاد بگیرید. در این مقاله مراحل طراحی افزونه وردپرس یا به عبارت دیگر پلاگین نویسی را با یک مثال ساده ِآموزش می‌دهیم.
پلاگین نویسی در وردپرس یکی از مهارت‌های ضروری برای توسعه‌دهندگانی است که به دنبال توسعه وب‌سایت‌های وردپرسی هستند. با استفاده از افزونه‌های وردپرس، می‌توان امکانات جدیدی به سایت را بدون نیاز به تغییر در هسته وردپرس اضافه کرد. آموزش پلاگین نویسی وردپرس در ابتدا ممکن است کمی سخت به نظر برسد اما در زمان نسبتا کوتاهی می‌توانید این مهارت را یاد بگیرید و یک ویژگی به سایت خود اضافه کنید و یا افزونه هایی برای فروش طراحی کنید. در ادامه این مقاله ما می‌خواهیم به آموزش رایگان افزونه نویسی وردپرس بپردازیم.
مراحل ساخت افزونه وردپرس
یک افزونه وردپرس حداقل شامل یک پوشه به نام افزونه و به همراه یک فایل php است که به عنوان فایل اصلی، عملکرد افزونه در داخل آن نوشته می‌شود. اما با پیچیده تر شدن افزونه، فایل‌ها و پوشه‌‌های افزونه خیلی بیشتر میشوند. در ادامه یک نمونه افزونه وردپرس ساده را آموزش می‌دهیم، کاربرد این افزونه این است که در ابتدای هر پست، مدت زمانی که برای مطالعه پست لازم است را به صورت خودکار تخمین زده و نمایش دهد.
آموزش مراحل پلاگین نویسی وردپرس را در این مقاله مشاهده کنید
در در ادامه می‌توانید به صورت گام به گام آموزش رایگان افزونه نویسی وردپرس را دنبال کنید:
1 – انتخاب نام اولین گام ساخت افزونه
اولین مرحله برای ساخت افزونه وردپرس باید یک نام برای افزونه خود انتخاب کنید ما نام افزونه را «تخمین مدت مطالعه» می‌گذاریم که نام لاتین آن «estimate study duration» است.
2 – ساخت پوشه
در داخل پوشه wp-content/plugins/ یک پوشه با نام estimate-study-duration و داخل این پوشه یک فایل php با نام estimate-study-duration. php ایجاد می‌کنیم.
3 – افزودن اطلاعات شناسه افزونه
اطلاعات افزونه یا همان شناسنامه را به شکل زیر ثبت می‌کنیم.
<?php
/**
* Plugin Name: تخمین مدت مطالعه
* Plugin URI: https://daneshjooyar.com/plugins/estimate-study-duration
* Description: با این افزونه مدت مطالعه پست ها به صورت خودکار تخمین زده می‌شود
* Author: محمد مهدی جعفری
* Author URI: https://daneshjooyar.com/teacher/jafari
* Version: 1.0.0
* License: GPLv2 or later
*/
نکته: این بخش از ساخت افزونه وردپرس حتما باید به صورت کامنت php ثبت شود تا مشکلی در عملکرد افزونه ایجاد نکند، چرا که صرفا به وردپرس اطلاعات افزونه را منتقل می‌کند.
اطلاعات شناسه افزونه
اطلاعات شناسه افزونه شامل موارد زیر است:
-
پارامتر Plugin Name
نام افزونه را مشخص می‌کند که میتواند فارسی یا انگلیسی باشد. دقت کنید این پارامتر اگر ثبت نشود یا اشتباه ثبت شود افزونه در بخش مدیریت افزونه‌ها نمایش داده نمی‌شود و وردپرس افزونه شما را نمی‌شناسد.
-
پارامتر Plugin URI
آدرس اینترنتی صفحه افزونه که میتواند صفحه‌ای از سایت شخصی یا صفحه افزونه در مخزن وردپرس باشد.
-
پارامتر Description
توضیحاتی که در خصوص افزونه می‌نویسید که عملکرد افزونه را توضیح می‌دهد و می‌توانید از تگ‌های html مثل لینک هم داخل آن استفاده کنید.
-
پارامتر Author
نام نویسنده افزونه که میتواند نام شرکت، نام شخص یا نام یک گروه باشد.
-
پارامتر Author URI
در این قسمت آدرس اینترنتی صفحه نویسنده افزونه قرار داده می‌شود.
-
پارامتر Version
با توجه به این که افزونه‌ها دارای ورژن‌های مختلفی هستند در پارامتر Version شماره نسخه افزونه را قرار می‌دهیم.
-
پارامتر Licence
منظور از لایسنس مجوزی است که این افزونه دارد هر مجوز باید سازگار با GPL باشد و GPLv2 or later توصیه می‌شود. این مرحله یکی از آخرین مراحل پلاگین نویسی وردپرس است.
نکته: پارامترهای دیگری هم در این مرحله از طراحی افزونه وردپرس وجود دارد که فعلا از آن صرف نظر می‌کنیم.
بعد از وارد کردن اطلاعات بالا فایل را به صورت فشرده کنید و در پیشخوان وردپرس از قسمت افزودن افزونه، آپلود کنید. حالا می‌توانید به بخش پیشخوان وردپرس> افزونه‌ها> افزونه‌های نصب شده بروید و افزونه خود را مشاهده کنید و آن را فعال کنید.
اما این افزونه هنوز هیچ کاری انجام نمی‌دهد و باید بدنه آن یا توابع افزونه را برای انجام عملکردی که گفتیم بنویسیم پس به سراغ مرحله چهارم از ساخت افزونه وردپرس می‌پردازیم.
4- نوشتن کدهای افزونه، اصلی ترین مرحله پلاگین نویسی وردپرس
به مهمترین قسمت آموزش رایگان افزونه نویسی وردپرس رسیدیم و مرحله کد نویسی افزونه است. خطوط زیر را به فایل estimate-study-duration. php اضافه می‌کنیم تا مدت زمان مطالعه را تخمین بزند و اول پست‌ها اضافه کند برای این کار می‌توانید از یک ویرایشگر کد مانند Notepad ++ یا VScode استفاده کنید. فایل کامل افزونه شامل کدهای زیر است:
* Plugin Name: تخمین مدت مطالعه
* Plugin URI: https://daneshjooyar.com/plugins/estimate-study-duration
* Description: با این افزونه مدت مطالعه پست ها به صورت خودکار تخمین زده می‌شود
* Author: محمد مهدی جعفری
* Author URI: https://daneshjooyar.com/teacher/jafari
* Version: 1.0.0
* License: GPLv2 or later
*/function echo_estimate_study_duration( $content ){
$content_text = strip_tags( $content );
$content_words = explode( ‘ ‘, $content_text );
$word_count = count( $content_words );
$estimate_duration = round( $word_count / 200 );
$estimate_duration_html = ‘<p>’;
$estimate_duration_html.= ‘مدت زمان برای مطالعه: ‘;
$estimate_duration_html.= $estimate_duration . ‘ دقیقه’;
$estimate_duration_html.= ‘</p>’
return $estimate_duration_html . $content;
}
add_filter( ‘the_content’, ‘echo_estimate_study_duration’ );
اگر به صورت خلاصه بخواهیم کدهای بالا را توضیح دهیم شامل موارد زیر است:
- تابع echo_estimate_study_duration: این فاکنشن که از خط ۱۲ تا ۲۲ تعریف شده پارامتر ورودی محتوای فعلی پست است.
- strip_tags: چون تگ‌های html توسط خواننده‌ها خوانده نمی‌شوند پس باید از متن اصلی حذف شوند.
- explode: برای قابل شمارش بودن کلمات با استفاده از فاصله تمام کلمات را در یک آرایه قرار می‌دهیم.
- count: تعداد کلمات را می‌شماریم.
- word_count / 200: به طور متوسط هر کاربر در یک دقیقه حدود ۲۰۰ کلمه مطالعه می‌کند پس با یک تقسیم و گرد کردن مدت دقیقه حدودی مطالعه محاسبه می‌شود.
- the_content: با استفاده از فیلتر the_content قصد داریم تا محتوای پست را تغییر دهیم و مدت مطالعه را ابتدای هر پست ثبت کنیم. پارامتر دوم این تابع، اسم تابعی است که عملیات تغییر محتوای پست را به عهده دارد و محتوای فعلی را گرفته و مدت زمان را تخمین زده و به اول محتوا اضافه می‌کند و نتیجه را مجدد به خروجی می‌فرستد.
و نتیجه نصب این افزونه به صورت زیر می‌شود:
اما این مقاله فقط بخش کوچکی از مراحل نوشتن پلاگین وردپرس را بیان خواهد کرد. چنانچه به طراحی پلاگین وردپرس علاقه دارید بهتر است به طور کامل این مبحث را آموزش ببینید به شما توصیه می‌کنیم حتما سری به دوره جامع آموزش افزونه نویسی وردپرس درسایت دانشجویار و برنامه نویسی ورردپرس راست چین آکادمی بزنید.
5- فشرده کردن فایل ها
حال که پلاگین را تست کردید پوشه estimate-study-duration را به صورت zip فشرده کرده و به مشتری ارائه بدهید. در این مرحله پلاگین نویسی شما در وردپرس به اتمام می‌رسد.
ابزارهای مورد نیاز برای پلاگین نویسی
برای آموزش پلاگین نویسی وردپرس نیاز به ابزارهای زیر دارید که رایگان هستند
- محیط توسعه محلی: استفاده از XAMPP، WAMP برای نصب وردپرس و تست افزونه به صورت لوکال هاست
- ویرایشگر کد: ویرایشگرهایی مانند Visual Studio Code یا PHPStorm برای نوشتن و ویرایش کدهای php
مهارت‌های مورد نیاز برای برنامه‌نویسی افزونه وردپرس
اگر می‌خواهید آموزش برنامه نویسی افزونه وردپرس را به صورت حرفه‌ای یاد بگیرید نیاز به یادگیری مهارت‌های زیر دارید:
- آشنایی با وردپرس و امکانات آن
- برنامه نویسی PHP: پلاگین‌های وردپرس با PHP نوشته میشوند، بنابراین باید با این زبان برنامه‌نویسی آشنا باشید.
- آشنایی مقدماتی با HTML ،CSS: برای ساخت رابط‌های کاربری پلاگین
- آشنایی با توابع وردپرس: Codex وردپرس یک منبع عالی برای یادگیری توابع و هوک‌های وردپرس
- آشنایی با MySQL: دیتابیس مورد استفاده در وردپرس
یکی از زبان‌های برنامه نویسی برای توسعه رابط کاربری جاوا اسکریپت و محبوب‌ترین کتابخانه آن یعنی React JS است. در دوره ری اکت راست چین آکادمی به صورت اصولی و پروژه محور و با یادگیری مفاهیم اولیه می‌توانید رابط کاربری سریع برای سایت‌ها و اپلیکیشن‌ها طراحی کرده و به درآمد برسید.
در این مقاله به صورت خلاصه مراحل طراحی افزونه وردپرس یا به عبارتی طراحی پلاگین وردپرس را توضیح دادیم و و یک مثال ساده را بررسی کردیم البته برای افزونه‌های پیشرفته‌تر میزان کد نویسی بسیار بیشتر است و نیاز به استفاده از توابع بیشتری دارید. اگر سوالی در این رابطه دارید می‌توانید از بخش نظرات سوالاتتان را با ما در میان بگذارید.
اگر می خواهید افزونه های حرفه ای طراحی کنید نیاز به یادگیری PHP دارید. در دوره کدکرفت راست چین آکادمی به طور کامل برنامه نویسی وردپرس را یاد می گیرید. یک دوره افزونه را به صورت حرفه ای انجام دهید در دوره برنامه نویسی php به صورت حرفه ای انواع افزونه را طراحی و پیاده سازی کید.
سلام
باید HTML و CSS را یاد بگیرید و زبان برنامه نویسی PHP هم تسلط داشته باشید. طراحی قالب و افزونه و تمام پیش نیازهای مورد نیاز در دوره مستر کلاس آموزش داده می شود از طریق لینک زیر می توانید اطلاعات دوره و سرفصل ها را مشاهده کنید
https://academy.rtl-theme.com/course/become-wordpress-developer-php-javascript/
سلام
برای ساختن یه افزونه چه زبان های برنامه نویسی رو یاد بگیریم؟
سلام
برای طراحی افزونه نیاز به یادگیری زبان PHP دارید. در دوره آموزش برنامه نویسی وردپرس می توانید تمام پیش نیازها و مراحل طراحی افزونه در وردپرس را یادبگیرید
یه مقداری در مورد توابع، فیلتر ها و کار با ووکامرس هم توضیح می دادید چون به نظرم، مورد نیاز خیلی ها هم هست.
یکم توضیحات کمه و ناقص. در واقع نمیشه با این توضیح یه افزونه نوشت
سلام دوست عزیز
صحبت شما رو قبول دارم و میدونم که پلاگین نویسی با تسلط به کدهای php میتونه انجام بشه و اینجا واقعا در این مقاله جا و فرصتش نیست. شما می تونید از دوره پلاگین نویسی که در مستر کلاس آکادمی راست چین برگزار میشه استفاده کنید. با دوستان پشتیبان دوره در ارتباط باشین ببینید این دوره واقعا جامعه و احتمالا تمام نیا زشما را ساپورت میکنه
در این دوره علاوه بر پلاگین نویسی (نمونه افزونه تیکت) می‌تونید طراحی قالب رو هم یاد بگیرید.
سلام یه پلاگین ساده وردپرس ساختم که متن دلخواهم رو به انتهای تمامی مقالات سایت اضافه کنه
اما علاوه بر اینکه به انتهای مقالات اضافه میکنه توی صفحه درباره ما و تماس با ما هم وقتی میرم میبینم اون انتها اضافه شده.
چطور یه کار کنم فقط به انتهای مقالات اضافه بشه.؟
با سلام
باید توی کدتون شرطی قرار بدید که مشخص کنه فقط توی صفحه نوشته ها اعمال بشه این کار
در کل من اگر خودم بخوام این کد رو بنویسم به شکل زیر مینویسم
add_filter( 'the_content', 'name_your_function', 1 );
function name_your_function( $content ) {
// با شرط زیر بررسی میکنم که در لوپ اصلی و در صفحه نوشته ها باشم.
if ( is_singular() && in_the_loop() && is_main_query() ) {
return $content . 'extra text';
}
return $content;
}
برای ساخت قالب آماده سایت چه زبانی باید یاد بگیریم؟