SMsudipBD.Com
Published:
Comments:
0
Download Links
 |
| নতুনদের জন্য ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট গাইড। |
নমস্কার/আদাব। কেমন আছেন সবাই? আজ আমি আপনাদের সাথে আমার নিজের হাতে তৈরি করা সম্পূর্ণ নতুন এবং দারুণ একটি পিএইচপি (PHP) প্রজেক্ট শেয়ার করতে যাচ্ছি। যারা ফাইল শেয়ারিং ওয়েবসাইট তৈরি করে ইউজারদের ইনকামের সুযোগ দিতে চান, তাদের জন্য এই স্ক্রিপ্টটি একটি মাস্টারপিস।
তবে আজ আমরা পিএইচপি স্ক্রিপ্টের পাশাপাশি ওয়েব ডেভেলপমেন্টের অন্যতম গুরুত্বপূর্ণ একটি বিষয় নিয়ে আলোচনা করব। অনেকেই প্রশ্ন করেন, **নতুনরা কীভাবে সম্পূর্ণ শূন্য থেকে একটি ওয়ার্ডপ্রেস থিম (WordPress Theme) মেক করতে পারে?** আজকের এই আর্টিকেলে আমরা একদম বেসিক থেকে শুরু করে একটি প্রফেশনাল ওয়ার্ডপ্রেস থিম তৈরির সম্পূর্ণ গাইডলাইন ধাপে ধাপে শেয়ার করব।
## নতুনদের জন্য ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট গাইড
একটি ওয়ার্ডপ্রেস থিম তৈরি করা যতটা কঠিন মনে হয়, আসলে ততটা নয়। শুধু আপনাকে ফাইল স্ট্রাকচার এবং বেসিক কিছু কোড বুঝতে হবে। চলুন শুরু করা যাক।
### ধাপ ১: লোকাল সার্ভার ও ওয়ার্ডপ্রেস সেটআপ
সরাসরি লাইভ সার্ভারে কাজ করার বদলে কম্পিউটারে XAMPP বা WAMP সার্ভার ইনস্টল করে নিন। এরপর লোকালহোস্টে ওয়ার্ডপ্রেস ইনস্টল করুন। এতে আপনি অফলাইনেই থিম তৈরি ও টেস্ট করতে পারবেন।
### ধাপ ২: থিম ফোল্ডার তৈরি
ওয়ার্ডপ্রেস ইনস্টল করার পর আপনার প্রোজেক্ট ডিরেক্টরি থেকে `wp-content` > `themes` ফোল্ডারে যান। এখানে নতুন একটি ফোল্ডার তৈরি করুন, যেমন: `my-first-theme`।
 |
| ওয়ার্ডপ্রেস ফাইল ও ফোল্ডার স্ট্রাকচার |
### ধাপ ৩: অত্যাবশ্যকীয় দুটি ফাইল তৈরি (style.css ও index.php)
যেকোনো ওয়ার্ডপ্রেস থিম কাজ করার জন্য মূলত এই দুটি ফাইলের প্রয়োজন হয়। আপনার তৈরি করা `my-first-theme` ফোল্ডারে এই দুটি ফাইল তৈরি করুন।
**১. style.css:**
এই ফাইলে আপনার থিমের ডিজাইন তো থাকবেই, সাথে থিমের পরিচিতি (Theme Info) ওয়ার্ডপ্রেসকে বোঝানোর জন্য ফাইলের একদম শুরুতে কিছু কমেন্ট লিখতে হয়।
 |
| ওয়ার্ডপ্রেস style.css থিম হেডার. Source: Kinsta |
/*
Theme Name: My First Theme
Author: Your Name
Description: This is a custom theme for beginners.
Version: 1.0
*/
**২. index.php:**
এটি আপনার থিমের প্রধান ফাইল। ওয়েবসাইটে প্রবেশ করলে ভিজিটররা যা দেখবে, তা এই ফাইলের মাধ্যমেই প্রদর্শিত হয়।
### ধাপ ৪: হেডার ও ফুটার আলাদা করা
প্রফেশনাল থিমগুলোতে কোড গুছিয়ে রাখার জন্য ওয়েবসাইটের ওপরের অংশ (Header) এবং নিচের অংশ (Footer) আলাদা ফাইলে রাখা হয়।
এরপর `index.php` ফাইলে এগুলো যুক্ত করতে নিচের ফাংশনগুলো ব্যবহার করুন:
<?php get_header(); ?>
<!-- আপনার ওয়েবসাইটের মূল বডি এখানে থাকবে -->
<?php get_footer(); ?>
### ধাপ ৫: ওয়ার্ডপ্রেস লুপ (The Loop) যুক্ত করা
আপনার ডাটাবেজ থেকে ডাইনামিকভাবে পোস্ট বা আর্টিকেলগুলো ওয়েবসাইটে দেখানোর জন্য ওয়ার্ডপ্রেসের সবচেয়ে গুরুত্বপূর্ণ ফিচার "The Loop" ব্যবহার করতে হয়। `index.php` ফাইলে নিচের কোডটি যুক্ত করুন:
<?php
if ( have_posts() ) {
while ( have_posts() ) {
the_post();
// পোস্টের টাইটেল দেখানোর জন্য
the_title('<h2>', '</h2>');
// পোস্টের বিস্তারিত অংশ দেখানোর জন্য
the_content();
}
}
?>
### ধাপ ৬: ফাংশনস ফাইল (functions.php) তৈরি
আপনার থিমে সিএসএস, জাভাস্ক্রিপ্ট লোড করানো কিংবা মেনু সাপোর্ট যুক্ত করার জন্য `functions.php` নামের একটি ফাইল তৈরি করতে হয়।
এই কয়েকটি সাধারণ ধাপ অনুসরণ করলেই আপনার তৈরি করা ফোল্ডারটি একটি পূর্ণাঙ্গ ওয়ার্ডপ্রেস থিমে রূপান্তরিত হয়ে যাবে। এরপর আপনি আপনার পছন্দমতো CSS ও HTML দিয়ে এটিকে সুন্দর করে ডিজাইন করতে পারবেন।
আপনারা ডেমো সাইটটি ভিজিট করে সিস্টেমটি ব্যবহার করে দেখুন। এই প্রজেক্টটি সম্পর্কে আপনাদের যেকোনো মতামত, ফিডব্যাক বা পরামর্শ থাকলে অবশ্যই আমাকে কমেন্ট করে জানাবেন। আপনাদের সাপোর্ট পেলে পরবর্তীতে এতে আরো নতুন নতুন ফিচার যুক্ত করব। সবাই ভালো থাকবেন, ধন্যবাদ!
Post a Comment