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

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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

এই ফাংশনটি 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, যা ব্লগ পোস্টের মূল শিরোনাম।

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

এটি করার জন্য, নীচের স্ক্রিনশটের মতো প্লাগইন ফোল্ডারে একটি পিএইচপি ফাইল তৈরি করুন।

ফাইলটি প্রস্তুত হয়ে গেলে, আপনার প্লাগইনে কিছু তথ্য যোগ করার সময় এসেছে।

ধাপ 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: আপনার প্লাগইনে কোড যোগ করুন

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

আপনার প্লাগইন এর পিএইচপি ফাইল খুলুন. শিরোনামের বিবরণের অধীনে, এই কোড স্নিপেটগুলিকে আপনার প্লাগইনের প্রধান পিএইচপি ফাইলে কপি এবং পেস্ট করুন এবং এটি সংরক্ষণ করুন।

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', 'sticky_header'); ঠিকানা ব্যবহার করুন...

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

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

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

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

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

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

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

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

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


উপসংহার

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

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

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