ওয়ার্ডপ্রেস প্লাগইন তৈরি করতে চান? এই টিউটোরিয়ালটি আপনাকে শেখাবে কিভাবে।

প্লাগইনগুলি ওয়ার্ডপ্রেসের জনপ্রিয়তায় অবদান রাখে, কারণ এগুলি কোডিং জ্ঞান ছাড়াই ব্যবহারকারীদের আশ্চর্যজনক ওয়েবসাইট তৈরি করতে দেয়।

50 টিরও বেশি প্লাগইন রয়েছে৷ rওয়ার্ডপ্রেস ডিরেক্টরি  বিভিন্ন উদ্দেশ্যে ডিজাইন করা হয়েছে। আপনি এর জন্য ওয়ার্ডপ্রেস প্লাগইন পাবেন নিউজলেটার সাবস্ক্রিপশন নিরাপত্তা et  ই-কমার্স . শুধু নাম দিন।

এগুলো ছাড়া, একটি ওয়ার্ডপ্রেস ওয়েবসাইট কেবল স্ট্যাটিক ইমেজ এবং টেক্সট ব্লকের একটি সংগ্রহ। প্লাগইনের সাহায্যে, কন্টেন্ট ম্যানেজমেন্ট সিস্টেম কাস্টমাইজেশনের একটি অবিশ্বাস্য স্তর অর্জন করতে পারে।

আপনার ওয়েবসাইটের জন্য একটি কাস্টম প্লাগইনের প্রয়োজন হোক বা একটি ওয়ার্ডপ্রেস প্লাগইন তৈরি করে নগদীকরণ করতে চান, চলুন শুরু করা যাক।


বিষয়বস্তু টেবিল


প্রশ্নগুলি পোস্ট করুন m

ওয়ার্ডপ্রেস প্লাগইন কি অর্থ উপার্জন করে?

হ্যাঁ। ওয়ার্ডপ্রেস প্লাগইন অর্থ উপার্জন করে। আপনি আপনার ওয়েবসাইট বা তৃতীয় পক্ষের মার্কেটপ্লেসে প্লাগইন বিক্রি করতে পারেন।

CodeCanyon Themeforest এবং মোজো নগরচত্বর  প্লাগইন বিক্রি করার জন্য 3টি সেরা ওয়েবসাইট।

আপনি ওয়ার্ডপ্রেস রিপোজিটরিতে আপনার প্লাগইনের একটি বিনামূল্যের সংস্করণ যোগ করতে পারেন এবং অতিরিক্ত বৈশিষ্ট্য সহ একটি প্রিমিয়াম সংস্করণ অফার করতে পারেন।

ওয়ার্ডপ্রেস প্লাগইন তৈরি করা কি কঠিন?

আপনি যে কার্যকারিতা চান তার উপর নির্ভর করে একটি ওয়ার্ডপ্রেস প্লাগইন তৈরি করা তুলনামূলকভাবে সহজ এবং কঠিন।

আপনি যদি ইতিমধ্যেই ওয়ার্ডপ্রেস ডেভেলপমেন্ট এবং পিএইচপি প্রোগ্রামিংয়ের মূল বিষয়গুলির সাথে পরিচিত হন তবে একটি প্লাগইন তৈরি করা সহজ। আপনি না হলে, এটা খুব কঠিন হতে পারে. একটি সাধারণ প্লাগইন দিয়ে শুরু করা ভালো, যেমনটি এই নির্দেশিকায় দেখানো হয়েছে।

প্লাগইন ডেভেলপাররা কত আয় করেন?

জিপ রিক্রুটারের মতে, মার্কিন যুক্তরাষ্ট্রে ওয়ার্ডপ্রেস প্লাগইন ডেভেলপারদের জন্য প্রতি ঘণ্টায় গড় হার হল $35 প্রতি ঘণ্টা। এটি প্রতি বছর প্রায় $72 এবং প্রতি মাসে $000 পর্যন্ত কাজ করে।

আপনি যদি আপনার প্লাগইন বিক্রি করেন, তাহলে বিক্রির সংখ্যার উপর নির্ভর করে আপনি প্রতি মাসে $5 পর্যন্ত উপার্জন করতে পারবেন। প্লাগইন কাস্টমাইজেশন পরিষেবা অফার করলে আপনি প্রতি ঘন্টায় $000 থেকে $20 উপার্জন করতে পারেন।


একটি ওয়ার্ডপ্রেস প্লাগইন তৈরি করতে আপনার যা প্রয়োজন

প্লাগইন তৈরি করতে, আপনাকে বিশেষজ্ঞ ওয়ার্ডপ্রেস ডেভেলপার হতে হবে না। শুরু করার জন্য আপনার কেবল কিছু প্রাথমিক কোডিং জ্ঞান প্রয়োজন।

  • পিএইচপি প্রোগ্রামিং এর প্রাথমিক জ্ঞান: ওয়ার্ডপ্রেস প্লাগইনগুলি পিএইচপি-তে লেখা হয়, তাই শুরু করার আগে আপনার ভাষা এবং এর সিনট্যাক্স বোঝা উচিত।
  • বেসিক HTML এবং CSS:  HTML এবং CSS আপনাকে আপনার প্লাগইনগুলির প্রদর্শন এবং উপস্থিতি নিয়ন্ত্রণ করতে দেয়। অতএব, একটি ওয়ার্ডপ্রেস প্লাগইন তৈরির জন্য তাদের মূল বিষয়গুলি বোঝা অত্যন্ত গুরুত্বপূর্ণ।
  • ওয়ার্ডপ্রেসের সাথে পরিচিতি:  ওয়ার্ডপ্রেস প্ল্যাটফর্ম এবং এর প্রধান কার্যাবলীর সাথে পরিচিত হওয়া দরকারী, সেইসাথে ওয়ার্ডপ্রেস কোডেক্স (ওয়ার্ডপ্রেস ডেভেলপমেন্টের জন্য অনলাইন ম্যানুয়াল)।
  • একটি উন্নয়ন পরিবেশ: আপনার প্লাগইন বিকাশ এবং পরীক্ষা করার জন্য, আপনাকে আপনার স্থানীয় মেশিনে বা একটি বিকাশ সাইটে ওয়ার্ডপ্রেস ইনস্টল করতে হবে। এটি আপনাকে একটি লাইভ ওয়েবসাইট প্রভাবিত না করে আপনার প্লাগইন পরীক্ষা করার অনুমতি দেবে। আমরা পরবর্তী বিভাগে এটি কিভাবে করতে হবে তা দেখাব।
  • একটি পাঠ্য সম্পাদক: আপনার প্লাগইন কোড লেখার জন্য আপনার একটি টেক্সট এডিটরের প্রয়োজন হবে। অনেক বিকল্প উপলব্ধ, যেমন Sমহৎ পাঠ্য, পরমাণু et ভিসুয়াল স্টুডিও কোড.

কিভাবে 7 ধাপে একটি ওয়ার্ডপ্রেস প্লাগইন তৈরি করবেন

ধাপ 1: ওয়ার্ডপ্রেস প্লাগইন কিভাবে কাজ করে তা বুঝুন

যেহেতু ওয়ার্ডপ্রেস একটি প্রোগ্রামিং ভাষায় লেখা হয়েছে, কোডিং জ্ঞান আছে এমন যে কেউ ওয়ার্ডপ্রেস কোড অ্যাক্সেস এবং পরিবর্তন করতে পারে।

প্লাগইনগুলি ঠিক এভাবেই কাজ করে। এগুলি আপনাকে নির্দিষ্ট 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('hook_name', 'my_custom_function');

Le  হুক_নাম  আপনি যে অ্যাকশন হুকটি ব্যবহার করতে চান তার নাম।

ওয়ার্ডপ্রেসে বেশ কিছু অ্যাকশন হুক আছে। আপনি সেগুলো এখানে খুঁজে পেতে পারেন cওডেক্স ওয়ার্ডপ্রেস.

আমার_কাস্টম_ফাংশন  ফাংশন যা কোডটি ধারণ করে যা আপনি চালাতে চান। এই ফাংশন ফাংশন আগে সংজ্ঞায়িত করা আবশ্যক ADD_ACTION.

উপরের স্টিকি হেডার ফাংশনটিকে হুকের সাথে সংযুক্ত করার জন্য সিনট্যাক্সটি এরকম দেখাবে।

add_action( 'wp_footer', 'sticky_header' );

wp_footer অ্যাকশন হুক কল করার সময় এই ফাংশনটি sticky_header() ফাংশনটি কার্যকর করে। আপনি wp_footer কে আপনার পছন্দের হুকের নাম দিয়ে প্রতিস্থাপন করে একটি নির্দিষ্ট হুকের সাথে ফাংশনটি সংযুক্ত করতে পারেন।

উদাহরণস্বরূপ:

add_action( 'init', 'sticky_header' );

ওয়ার্ডপ্রেস init অ্যাকশন কল করা হলে এটি স্টিকি হেডার ফাংশনটি কার্যকর করবে।

ফিল্টার হুক

ফিল্টার হুক আপনাকে ডেটাবেসে প্রদর্শিত বা সংরক্ষণ করার আগে ডেটা পরিবর্তন করতে দেয়। এখানে একটি ফিল্টার হুকের উদাহরণ দেওয়া হল যা একটি ব্লগ পোস্টের শিরোনাম বড় হাতের অক্ষরে পরিবর্তন করে।

add_filter( ‘the_title’, ‘uppercase_title’ );

function uppercase_title( $title ) {

  return strtoupper( $title );

}

এই ফাংশনটি একটি একক আর্গুমেন্ট, $title, গ্রহণ করে, যা ব্লগ পোস্টের মূল শিরোনাম।

ফাংশন তারপর ফাংশন ব্যবহার করে স্ট্রটউপার() শিরোনামটিকে বড় হাতের অক্ষরে রূপান্তর করতে এবং পরিবর্তিত মান প্রদান করে।

অ্যাকশন এবং ফিল্টার হুকের মধ্যে পার্থক্য

অ্যাকশন হুক আপনাকে ওয়ার্ডপ্রেস এক্সিকিউশন চক্রের একটি নির্দিষ্ট সময়ে কাস্টম ফাংশনগুলি কার্যকর করতে দেয়। উপরের উদাহরণে, অ্যাকশন হুক wp_footer ট্যাগের ঠিক আগে বলা হয়।

অন্যদিকে, ফিল্টার হুক আপনাকে ওয়ার্ডপ্রেস কোডবেসের মাধ্যমে ডেটা পাস করার সময় পরিবর্তন করতে দেয়।

উপরের উদাহরণের মতো, ফিল্টার হুক শিরোনাম ওয়েবসাইটে প্রদর্শিত হওয়ার আগে আপনাকে একটি ব্লগ পোস্টের শিরোনাম পরিবর্তন করতে দেয়।

ধাপ 2: একটি পরীক্ষার পরিবেশ সেট আপ করুন

ওয়ার্ডপ্রেস প্লাগইন তৈরির দ্বিতীয় ধাপ হল একটি পরীক্ষামূলক বা উন্নয়নমূলক পরিবেশ সেট আপ করা। লক্ষ্য হল লাইভ সাইটে পরীক্ষা-নিরীক্ষা এড়ানো।

প্লাগইন তৈরি করতে মাঝে মাঝে বারবার সমন্বয় করতে হয়। আপনি এমন ভুলও করতে পারেন যা আপনার ওয়েবসাইটের ক্ষতি করতে পারে।

আপনি একটি টেস্ট ওয়ার্ডপ্রেস সাইট হোস্ট করতে স্থানীয় সার্ভার হিসাবে আপনার কম্পিউটার ব্যবহার করতে পারেন যেখানে আপনি আপনার প্লাগইন তৈরি এবং পরীক্ষা করতে পারেন।

যদি আপনার হোস্টিং পরিকল্পনা একটি পরীক্ষামূলক সাইট তৈরি করতে সহায়তা করে, তাহলে আপনি এটিও ব্যবহার করতে পারেন। আমরা এখানে প্রথম বিকল্পটি ব্যবহার করব।

একটি পরীক্ষার পরিবেশ সেট আপ করতে, আমরা করব স্থানীয় ডাউনলোড করুন , স্থানীয়ভাবে ওয়ার্ডপ্রেস ওয়েবসাইট হোস্ট করার জন্য একটি ডেভেলপমেন্ট টুল।

ডাউনলোড সম্পূর্ণ হলে, আপনার কম্পিউটারে সফ্টওয়্যারটি চালু করুন এবং ক্লিক করুন + আইকন একটি নতুন স্থানীয় সাইট তৈরি করতে নীচে বাম দিকে।

একটি ওয়ার্ডপ্রেস প্লাগইন তৈরি করুন

থেকে পছন্দ করে নিন একটি নতুন সাইট তৈরি করুন এবং বোতামটি ক্লিক করুন Continue.

এরপর, আপনার সাইটের নাম যোগ করতে, পরিবেশ কনফিগার করতে এবং আপনার ওয়ার্ডপ্রেস লগইন বিশদ তৈরি করতে অন-স্ক্রীন নির্দেশাবলী অনুসরণ করুন।

আপনি সম্পন্ন হলে. বোতামে ক্লিক করুন সাইট যোগ করুন. আপনার সাইট যোগ করার পর, স্থানীয় ড্যাশবোর্ডে আপনার ওয়েবসাইট নির্বাচন করুন এবং আপনার ওয়ার্ডপ্রেস অ্যাডমিন ড্যাশবোর্ড চালু করুন।

অ্যাডমিন লগইন পৃষ্ঠাটি খুললে, ব্যবহার করুন ব্যবহারকারীর নাম এট লে ওয়ার্ডপ্রেস পাসওয়ার্ড যেটি আপনি আপনার ড্যাশবোর্ড অ্যাক্সেস করার জন্য উপরে তৈরি করেছেন।

ব্যস, আপনার পরীক্ষার পরিবেশ প্রস্তুত। চলুন আপনার ওয়ার্ডপ্রেস প্লাগইন তৈরি করা শুরু করি।

ধাপ 3: আপনার প্লাগইন ফোল্ডার তৈরি করুন

একবার আপনার পরীক্ষার পরিবেশ তৈরি হয়ে গেলে, আপনাকে প্রথমে যা করতে হবে তা হল আপনার সাইটের ডিরেক্টরিতে একটি প্লাগইন ফাইল তৈরি করা। ডিফল্টরূপে, ওয়ার্ডপ্রেস ডিরেক্টরিতে সমস্ত প্লাগইন সঞ্চয় করে wp-content/plugin.

ওয়ার্ডপ্রেস সাইটে ইনস্টল করা প্রতিটি প্লাগইনের এই ডিরেক্টরির মধ্যে একটি ফোল্ডার থাকবে। অতএব, আপনার প্লাগইনের জন্য, আপনাকে এই ডিরেক্টরির ভিতরে একটি ফোল্ডার তৈরি করতে হবে এবং এটির একটি নাম দিতে হবে।

এই টিউটোরিয়ালের জন্য, আমরা ফোল্ডারে নেভিগেট করব wp-content/plugin আমাদের স্থানীয় সাইট ডিরেক্টরিতে। এখানে কিভাবে.

দ্রষ্টব্য:  আপনি যদি একটি মধ্যবর্তী সাইট ব্যবহার করেন তবে প্রক্রিয়াটি একই।

আপনার স্থানীয় ড্যাশবোর্ডে, ক্লিক করুন  সাইট ফোল্ডারে যান . আপনাকে আপনার স্থানীয় সাইটের ডিরেক্টরিতে পুনঃনির্দেশিত করা হবে।

নির্বাচন করা অ্যাপস বিকল্পগুলিতে, ক্লিক করুন প্রকাশ্য তারপর উপর WP- বিষয়বস্তু. আপনি এই ডিরেক্টরিতে বিভিন্ন ফোল্ডার দেখতে পাবেন।

ফোল্ডারটি খুলুন প্লাগইন এবং আপনার প্লাগইনের নামের সাথে একটি নতুন সাবফোল্ডার। আমরা এখানে ব্যবহার করব স্টিকি হেডার যেহেতু আমরা যে প্লাগইনটি তৈরি করতে চাই তার নাম এটি।

ধাপ 4: আপনার প্লাগইনের জন্য প্রধান পিএইচপি ফাইল তৈরি করুন

আপনার প্লাগইন ফোল্ডার তৈরি করার পর, পরবর্তী ধাপ হল সেই ফোল্ডারে একটি PHP ফাইল যুক্ত করা। এখানেই আপনার প্লাগইনের কোড এবং কার্যকারিতা থাকবে।

এই টিউটোরিয়ালের জন্য, ওয়ার্ডপ্রেসে একটি স্টিকি হেডার তৈরি করে এমন একটি সাধারণ প্লাগইনের জন্য আমাদের কেবল একটি পিএইচপি ফাইলের প্রয়োজন।

উন্নত কার্যকারিতা সহ আরও জটিল প্লাগইনগুলির জন্য, প্লাগইন ফোল্ডারে বিভিন্ন ধরনের ফাইল থাকতে পারে, যেমন CSS এবং javascript। আমাদের ক্ষেত্রে, একটি একক পিএইচপি ফাইল যথেষ্ট হবে।

এটি করার জন্য, প্লাগইন ফোল্ডারে একটি 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.

আপনি বিবরণ সহ স্টিকি হেডার প্লাগইন দেখতে পাবেন। এটা এখানে.

একটি ওয়ার্ডপ্রেস প্লাগইন তৈরি করুন

আপনি এখন প্লাগইনটি সক্রিয় করতে পারেন, তবে এটি কিছুই করবে না কারণ আমরা এখনও এটিতে কোনো কার্যকারিতা যোগ করিনি৷ সুতরাং আসুন আমাদের প্লাগইন কিছু করতে তৈরি করা যাক.

ধাপ 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’ );

এই কোড দুটি অপরিহার্য জিনিস করে,

ফাংশন স্টিকি_হেডার ব্যবহারকারী যখন পৃষ্ঠাটি স্ক্রোল করে তখন সক্রিয় হয় এবং স্ক্রলিং বন্ধ হয়ে গেলে বন্ধ হয়ে যায়।

দ্বিতীয়ত, কর্ম add_action('wp_footer', 'স্টিকি_হেডার'); ঠিকানা ব্যবহার করে...

কোডটি সংরক্ষণ করুন, আর তাই। আপনি সফলভাবে একটি ওয়ার্ডপ্রেস প্লাগইন তৈরি করেছেন যা ব্যবহারকারীরা যখন নীচে স্ক্রোল করে তখন আপনার ওয়েবসাইটের হেডারটি স্টিকি করে তোলে।

ধাপ 7: প্লাগইন সক্রিয় করুন

আপনার সাইটে ফিরে যান এবং প্লাগইন সক্রিয় করুন.

যখন আপনি সাইটের লাইভ ভার্সনটি স্ক্রোল করবেন, তখন আপনার সাইটের হেডার পৃষ্ঠার শীর্ষে থাকবে।

একটি ওয়ার্ডপ্রেস প্লাগইন তৈরি করুন

একবার আপনি আপনার ডেমো সাইটে নতুন প্লাগইনের প্রভাব দেখতে পেলে, আপনার লাইভ সাইটে এটি চেষ্টা করার সময় এসেছে।

এটি করার আগে, নিশ্চিত করুন যে আপনি প্লাগইনটিতে বাগ এবং দুর্বলতা পরীক্ষা করেছেন। প্রয়োজনে সেগুলি ঠিক করুন। সতর্কতা হিসাবে, আপনার ওয়ার্ডপ্রেস সাইট ব্যাক আপ করুন আপনার নতুন প্লাগইন স্থাপন করার আগে।

আপনার সাইটে প্লাগইনটির পারফরম্যান্সে আপনি যদি সন্তুষ্ট হন, তাহলে আপনি এটি ওয়ার্ডপ্রেস প্লাগইন রিপোজিটরিতে আপলোড করতে পারেন। যেহেতু ওয়েবসাইটের মালিকরা এটি বিনামূল্যে ব্যবহার করেন, তাই কোন কোন ক্ষেত্রে উন্নতি প্রয়োজন এবং কীভাবে এটি বাস্তবায়ন করতে হবে সে সম্পর্কে আপনি প্রতিক্রিয়া পাবেন।

আর যদি আপনি আপনার প্লাগইন থেকে অর্থ উপার্জন করতে চান, তাহলে আপনি উপরে তালিকাভুক্ত ওয়েবসাইটগুলির একটিতে এটি বিক্রি করতে পারেন।


উপসংহার

যদি আপনি এতদূর এসে থাকেন, তাহলে আপনি একমত হবেন যে ওয়ার্ডপ্রেস প্লাগইন তৈরি করা তুলনামূলকভাবে সহজ। এই নির্দেশিকায় দেওয়া নির্দেশাবলী অনুসরণ করে, আপনি একটি মৌলিক ওয়ার্ডপ্রেস প্লাগইন তৈরি করতে সক্ষম হবেন। আপনি যত খুশি তত বৈশিষ্ট্য নিয়ে পরীক্ষা-নিরীক্ষা করতে পারেন এবং আপনার প্লাগইনের কার্যকারিতা উন্নত করতে পারেন।

জটিল প্লাগইন তৈরি করা একই পদ্ধতি অনুসরণ করে। আরও কার্যকারিতা মানে আপনার প্লাগইন ফাইলে আরও ফাংশন।

আপনি কি কখনও একটি ওয়ার্ডপ্রেস প্লাগইন তৈরি করার চেষ্টা করেছেন? আসুন নীচের মন্তব্য বিভাগে আপনার অভিজ্ঞতা সম্পর্কে কথা বলি।