نحوه ایجاد پلاگین وردپرس: مرحله به مرحله

شما می خواهید یک ایجاد کنید پلاگین وردپرس ? این آموزش به شما یاد می دهد که چگونه این کار را انجام دهید.

افزونه ها به محبوبیت وردپرس کمک می کنند زیرا به کاربران بدون دانش کدنویسی اجازه می دهند وب سایت های شگفت انگیزی ایجاد کنند.

بیش از 50 پلاگین در آن وجود دارد rدایرکتوری وردپرس  برای اهداف مختلف طراحی شده است. پیدا خواهید کرد افزونه های وردپرس برای اشتراک در خبرنامه , امنیت et  تجارت الکترونیک . فقط اسمشو بذار

بدون آنها، یک وب سایت وردپرس فقط مجموعه ای از تصاویر ثابت و بلوک های متن است. با افزونه ها، سیستم مدیریت محتوا می تواند به سطح باورنکردنی سفارشی سازی دست یابد.

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

سوالات fréquemment posées

آیا افزونه های وردپرس درآمدزایی می کنند؟

آره. THE افزونه های وردپرس پول بیاور می توانید افزونه را در وب سایت خود یا در یک بازار شخص ثالث بفروشید.

افزونه,  WorldWideThemes.net به و موجو بازار  3 بهترین وب سایت برای فروش پلاگین هستند.

همچنین می توانید یک نسخه رایگان از افزونه خود را به مخزن وردپرس اضافه کنید و یک نسخه پرمیوم با ویژگی های اضافی ارائه دهید.

آیا ایجاد افزونه های وردپرس سخت است؟

ایجاد یک پلاگین وردپرس بسته به ویژگی هایی که می خواهید نسبتا آسان و دشوار است.

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

توسعه دهندگان پلاگین چقدر درآمد دارند؟

به گفته Zip Recruiter، میانگین نرخ ساعتی برای توسعه دهندگان افزونه های وردپرس در ایالات متحده 35 دلار در ساعت است. این مبلغ تقریباً 72 دلار در سال و 000 دلار در ماه است.

اگر افزونه خود را بفروشید، بسته به تعداد فروش، می توانید تا 5 دلار در ماه درآمد کسب کنید. ارائه خدمات سفارشی سازی افزونه می تواند بین 000 تا 20 دلار در ساعت برای شما درآمد داشته باشد.

آنچه برای ایجاد یک افزونه وردپرس نیاز دارید

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

• دانش پایه در برنامه نویسی PHP: افزونه های وردپرس به زبان PHP نوشته شده اند، بنابراین قبل از شروع باید زبان و نحو آن را درک کنید.
• HTML و CSS اولیه:  HTML و CSS به شما این امکان را می دهند که نمایش و ظاهر پلاگین های خود را کنترل کنید. بنابراین درک اصول اولیه آنها برای ایجاد یک افزونه وردپرس بسیار مهم است.
• آشنایی با وردپرس:  مفید است که با پلتفرم وردپرس و عملکردهای اصلی آن و همچنین با آن آشنا شوید کدکس وردپرس (راهنمای آنلاین توسعه وردپرس).
• محیط توسعه: برای توسعه و آزمایش افزونه خود، باید وردپرس را روی دستگاه محلی خود یا در یک سایت توسعه نصب کنید. این به شما این امکان را می دهد که افزونه خود را بدون تأثیرگذاری بر یک وب سایت زنده آزمایش کنید. نحوه انجام این کار را در بخش بعدی به شما نشان خواهیم داد.
• یک ویرایشگر متن: برای نوشتن کد افزونه خود به یک ویرایشگر متن نیاز دارید. گزینه های زیادی در دسترس هستند، مانند Sمتن عالی, اتم et ویژوال استودیو کد.

نحوه ایجاد افزونه وردپرس در ۷ مرحله

مرحله 1: نحوه کار افزونه های وردپرس را بدانید

از آنجایی که وردپرس به زبان برنامه نویسی نوشته شده است، هر کسی که دانش کدنویسی داشته باشد می تواند به کد وردپرس دسترسی داشته باشد و آن را تغییر دهد.

پلاگین ها دقیقاً به همین شکل کار می کنند. آنها به شما اجازه می دهند تا با تعامل مستقیم با وردپرس خود با استفاده از توابع خاص PHP، عملکرد وردپرس را تغییر داده و گسترش دهید.

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

بیایید به رابطه بین براکت ها و توابع نگاه کنیم تا اصول پلاگین های وردپرس را درک کنیم.

توابع وردپرس:

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

Voici مثلا سازمان ملل متحد:

function sticky_header() {

  ?>

  <script>

  // Select the header element

  var header = document.querySelector(‘header’);

  // Get the offset position of the header

  var sticky = header.offsetTop;

  // Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position

  function addSticky() {

    if (window.pageYOffset > sticky) {

      header.classList.add(“sticky”);

    } else {

      header.classList.remove(“sticky”);

    }

  }

  // Add the sticky class to the header when you scroll the page

  window.onscroll = function() {

    addSticky();

  };

  </script>

  <?php

}

add_action( ‘wp_footer’, ‘sticky_header’ );

شما می توانید این تابع را مستقیماً در افزونه وردپرس خود با تایپ sticky_header() در جایی که می خواهید کد اجرا شود فراخوانی کنید. اما این تمرین بدی است زیرا ممکن است با مشکلاتی مواجه شوید. در اینجا دو دلیل دیگر وجود دارد که چرا نباید توابع را مستقیماً در کد خود فراخوانی کنید.

اول، تماس مستقیم فقط برای توابع اولیه، مانند افزودن محتوا به یک فایل تم، کار می کند. همچنین، با استفاده از این رویکرد، باید چندین بار توابع را فراخوانی کنید تا از آنها در مکان های مختلف استفاده کنید، که در فایل های کد زمان بر و دست و پا گیر است.

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

قلاب های وردپرس:

قلاب یک نقطه خاص در کد وردپرس است که در آن می توانید عملکردهای سفارشی خود را انجام دهید. دو نوع قلاب وجود دارد: قلاب اکشن و قلاب فیلتر.

قلاب های اکشن

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

add_action('hook_name', 'my_custom_function');

Le  hook_name  نام اکشن هوکی است که می خواهید استفاده کنید.

چندین اکشن هوک در وردپرس وجود دارد. شما می توانید آنها را در cوردپرس odex.

تابع_سفارشی_من  تابعی است که حاوی کدی است که می خواهید اجرا کنید. این تابع باید قبل از تابع تعریف شود ADD_ACTION.

نحو به این شکل خواهد بود که تابع هدر چسبنده در بالا به یک قلاب متصل شود.

add_action( 'wp_footer', 'sticky_header' );

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

به عنوان مثال:

add_action( 'init', 'sticky_header' );

با فراخوانی اکشن init وردپرس، این تابع هدر چسبنده را اجرا می کند.

قلاب فیلتر

قلاب های فیلتر به شما امکان می دهند داده ها را قبل از نمایش یا ذخیره در پایگاه داده تغییر دهید. در اینجا نمونه‌ای از یک قلاب فیلتر است که عنوان یک پست وبلاگ را به تمام سرپوش تغییر می‌دهد.

add_filter( ‘the_title’, ‘uppercase_title’ );

function uppercase_title( $title ) {

  return strtoupper( $title );

}

این تابع یک آرگومان واحد به نام $title را می پذیرد که عنوان اصلی پست وبلاگ است.

سپس تابع از تابع استفاده می کند strtoupper() عنوان را به حروف بزرگ تبدیل می کند و مقدار اصلاح شده را برمی گرداند.

تفاوت بین Action و Filter Hooks

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

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

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

مرحله 2: یک محیط آزمایشی را تنظیم کنید

مرحله دوم در ایجاد یک افزونه وردپرس، راه اندازی یک محیط تست یا توسعه است. هدف این است که از آزمایش در یک سایت واقعی اجتناب کنید.

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

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

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

برای راه اندازی یک محیط تست، این کار را انجام خواهیم داد محلی را دانلود کنید ، یک ابزار توسعه برای میزبانی محلی وب سایت های وردپرس.

پس از اتمام دانلود، نرم افزار را بر روی کامپیوتر خود اجرا کرده و کلیک کنید + نماد در پایین سمت چپ برای ایجاد یک سایت محلی جدید.

از بین انتخاب کنید یک سایت جدید ایجاد کنید و بر روی دکمه کلیک کنید ادامه.

در مرحله بعد، دستورالعمل های روی صفحه را دنبال کنید تا نام سایت خود را اضافه کنید، محیط را تنظیم کنید و جزئیات ورود به وردپرس را ایجاد کنید.

پس از اتمام کار. روی دکمه کلیک کنید اضافه کردن سایت پس از افزودن سایت خود، وب سایت خود را در داشبورد محلی انتخاب کنید و داشبورد مدیریت وردپرس خود را راه اندازی کنید.

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

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

مرحله 3: پوشه افزونه های خود را ایجاد کنید

هنگامی که محیط آزمایشی شما آماده شد، اولین کاری که باید انجام دهید این است که یک فایل افزونه در فهرست سایت خود ایجاد کنید. به طور پیش فرض، وردپرس تمام افزونه ها را در دایرکتوری ذخیره می کند wp-content/plugin.

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

برای این آموزش، ما به پوشه حرکت می کنیم wp-content/plugin در فهرست سایت محلی ما در اینجا چگونه است.

توجه داشته باشید:  اگر از یک سایت واسطه استفاده می کنید، روند یکسان است.

در داشبورد محلی خود، روی آن کلیک کنید  به پوشه سایت بروید . شما به فهرست سایت محلی خود هدایت خواهید شد.

Sélectionnez برنامه های در گزینه ها بر روی آن کلیک کنید عمومی سپس در وپ محتوای. پوشه های مختلفی را در این دایرکتوری خواهید دید.

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

مرحله 4: فایل اصلی PHP را برای افزونه خود ایجاد کنید

پس از ایجاد پوشه پلاگین خود، مرحله بعدی اضافه کردن یک فایل PHP به این پوشه است. اینجاست که کدها و عملکرد افزونه شما در دسترس خواهد بود.

برای این آموزش، ما فقط به یک فایل PHP برای یک افزونه ساده نیاز داریم که یک هدر چسبناک در وردپرس ایجاد می کند.

برای پلاگین های پیچیده تر با عملکرد پیشرفته، ممکن است انواع فایل های مختلفی در پوشه پلاگین وجود داشته باشد، مانند CSS و javascript. در مورد ما، یک فایل PHP کافی است.

برای انجام این کار، مانند تصویر زیر، یک فایل PHP در پوشه افزونه ایجاد کنید.

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

مرحله 5: اطلاعات افزونه خود را پیکربندی کنید

همچنین به عنوان هدر فایل افزونه شناخته می شود، اطلاعات افزونه شما یک بلوک نظر PHP است که شامل جزئیاتی در مورد افزونه شما مانند نام افزونه، نسخه، URL، نام نویسنده و وب سایت آن، مجوز و غیره است.

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

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

فقط کافی است این کد را در فایل PHP افزونه خود کپی و جایگذاری کنید، سپس جزئیات را مطابق با افزونه خود ویرایش کنید. در مورد ما، خواننده فایل پلاگین هدر چسبنده به این شکل خواهد بود.

<?php

/*

Plugin Name: Sticky Header

Plugin URI: https://wordpress.org/plugins/sticky-header/

Description: Make your website header sticks to the top of every page on your website as users scroll.

Author: The Team

Author URI: https://blogpascher.com/sticky-header

Text Domain: Sticky Header 

Domain Path: /languages

*/

پس از ذخیره این فایل، یک افزونه جدید ایجاد کرده‌اید و می‌توانید آن را در لیست افزونه‌هایی که قبلاً در سایت خود نصب شده‌اند پیدا کنید.

وارد داشبورد وردپرس سایت آزمایشی خود شوید و به آن بروید Plugins>Plugins installés.

پلاگین Sticky Header را با جزئیات مشاهده خواهید کرد. ایناهاش.

اکنون می توانید افزونه را فعال کنید، اما هیچ کاری انجام نمی دهد زیرا ما هنوز هیچ عملکردی به آن اضافه نکرده ایم. پس بیایید پلاگین خود را کاری کنیم.

مرحله 6: کد را به افزونه خود اضافه کنید

برای این کار، کد هدر چسبنده ای را که در هنگام یادگیری توابع و قلاب های وردپرس در بالا استفاده می کردیم، اضافه می کنیم. در اینجا چگونه است.

فایل PHP افزونه خود را باز کنید. در زیر جزئیات هدر، این قطعه کد را در فایل PHP اصلی افزونه خود کپی و جایگذاری کنید و آن را ذخیره کنید.

function sticky_header() {

  ?>

  <script>

  // Select the header element

  var header = document.querySelector(‘header’);

  // Get the offset position of the header

  var sticky = header.offsetTop;

  // Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position

  function addSticky() {

    if (window.pageYOffset > sticky) {

      header.classList.add(“sticky”);

    } else {

      header.classList.remove(“sticky”);

    }

  }

  // Add the sticky class to the header when you scroll the page

  window.onscroll = function() {

    addSticky();

  };

  </script>

  <?php

}

add_action( ‘wp_footer’, ‘sticky_header’ );

این کد دو کار ضروری را انجام می دهد،

لا فونشن sticky_header هنگامی که کاربر صفحه را اسکرول می کند فعال می شود و زمانی که پیمایش متوقف می شود متوقف می شود.

دوم، عمل add_action('wp_footer', 'sticky_header'); از آدرس استفاده کنید…..

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

مرحله 7: افزونه را فعال کنید. در عمل.

به سایت خود بازگردید و افزونه را فعال کنید.

هنگامی که در نسخه زنده سایت اسکرول می کنید، هدر سایت شما در بالای صفحه باقی می ماند.

هنگامی که تأثیر افزونه جدید را در سایت آزمایشی خود مشاهده کردید، وقت آن است که آن را در سایت واقعی خود امتحان کنید.

قبل از آن، مطمئن شوید که افزونه را از نظر باگ ها و آسیب پذیری ها آزمایش کرده اید. در صورت امکان آنها را حل کنید. برای احتیاط، از سایت وردپرس خود نسخه پشتیبان تهیه کنید قبل از استقرار افزونه جدید

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

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

نتیجه

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

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

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