ওয়ার্ডপ্রেসের Blank থিম তৈরি [পর্ব-০১] :: শুরু

ওয়ার্ডপ্রেসের Blank থিম তৈরি

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

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

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

তো চলুন কাজ শুরু করা যাক, প্রথমে আপনাকে সতেরটি ফাইল এবং চারটি ফোল্ডার তৈরি করতে হবে। তবে শুরু করার পূর্বে নতুন একটি ফোল্ডার তৈরি করুন। ধরুন আমি ফোল্ডারটির নাম দিলাম Blank Theme, আপনি আপনার ইচ্ছা মতো নাম দিতে পারেন। এখন Blank Theme ফোল্ডারের মাঝে চারটি ফোল্ডার তৈরি করুন:

  • css ফোল্ডার: এখানে আপনার থিমের সব সিএসএস ফাইল রাখা হবে। এখানে একটি সিএসএস ফাইল তৈরি করুন ie.css নামে।
  • images ফোল্ডার: এখানে আপনার থিমের সব ইমেজ ফাইল রাখা হবে।
  • js ফোল্ডার: এখানে আপনার থিমের সব জাভাস্ক্রিপ্ট ফাইল রাখা হবে।
  • inc ফোল্ডার: এখানে ইউজারের ডাটা গুলো রাখা হবে। পরবর্তীতে এই বিষয়টি আরোও বুঝিয়ে বলা হবে। এই ফোল্ডারে দুটি পিএইচপি ফাইল তৈরি করুন meta.php এবং nav.php নামে।

এবার মূল ফোল্ডারের মাঝে, মানে Theme ফোল্ডারের মাঝে ১৪টি ফাইল তৈরি করতে হবে:

  • 404.php: কোনো পেইজ না পাওয়া গেলে আমাদের তৈরি করা পেইজ দেখাতে ব্যবহার করা হবে।
  • archive.php: নাম শুনেই বুঝতে পারছেন আর্কাইভের জন্য এই পেইজটি ব্যবহার করা হবে।
  • comments.php: কমেন্টের জন্য এই পেইজটি ব্যবহার করা হবে।
  • footer.php: ওয়েবসাইটের নিচের অংশ প্রদর্শনের জন্য ব্যবহার করা হবে।
  • functions.php: এটি হচ্ছে ওয়ার্ডপ্রেস থিমের মূল কেন্দ্রবিন্দু। এই পেইজ থেকেই আপনার পুরো থিমটির নিয়ন্ত্রণ করা হবে।
  • header.php: ওয়েবসাইটের উপরের অংশ প্রদর্শনের জন্য ব্যবহার করা হবে।
  • index.php: ওয়েবসাইটের মূল অংশ মানে কনটেন্ট প্রদর্শনের জন্য ব্যবহার করা হবে। যদিও আমরা হোম পেইজ ডিজাইনের জন্য নতুন পেইজ ব্যবহার করে থাকি।
  • page.php: আপনার অন্যান্য পেইজের জন্য ব্যবহার করা হবে।
  • search.php: আপনার ওয়েবসাইটে সার্চ অপশনটি যুক্ত করার জন্য ব্যবহার করা হবে।
  • searchform.php: সার্চ অপশনটির ফর্ম তৈরির জন্য ব্যবহার করা হবে।
  • sidebar.php: আপনার ওয়েবসাইটের বাম বা ডান পাশে যে কলাম থাকে সেটিকে আমরা সাইডবার বলছি। এই সাইডবারটির জন্য ব্যবহার করা হবে।
  • single.php: একক একটি পেইজের জন্য ব্যবহার করা হবে।
  • style.css: সম্পূর্ণ থিমটিতে আপনার মূল সিএসএস ফাইলটি হচ্ছে এটি।
  • screenshot.png: প্রতিটি থিম ইনস্টল করার পর থিম অপশনে আমরা থিমের যে ছবিটি দেখি এটি হচ্ছে সেই ছবিটি। এটি নাম অবশ্যই screenshot এবং png ফরমেটে হতে হবে।

এবার গুনে দেখুন ফাইল সংখ্যা ঠিক আছে কিনা। যদি ঠিক থাকে, তবে পরবর্তী টিউন থেকে আমরা প্রতিটি ফাইল নিয়ে কাজ শুরু করবো। আজকে এই পর্যন্তই। ধন্যবাদ।

এই ধরনের বাংলা ভিডিও টিউটোরিয়াল দেখতে চাইলে "ফ্রী বাংলা টিউটোরিয়াল" ওয়েবসাইটটি তো আছেই।

Level 0

আমি Atique। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 24 টি টিউন ও 83 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

ভাইয়া, এই রকম ভাল টিউন করার জন্য ধন্যবাদ। তবে আমি ব্লগে একদম নতুন কোন পরামর্শ দিলে উপকৃত হব। আমি http://www.blogger.com এ ব্লগ খুলেছি এবং একটি পোস্ট ও করেছি। আপনি চাইলে দেখতে পারেন (http://zrahman1988.blogspot.com) । কিন্তু কিভাবে একে সাজাব বুঝতে পারছি না। একটু help করবেন আশা করি…

Level 0

ধন্যবাদ আতিক ভাই, আশা করছি সিরিজ টা নিয়মিত চালাবেন।

ধন্যবাদ Atique.
প্লিস, রেগুলার কন্টিনিউ করবেন।

অসাধারণ, অসাধারণ, আশা করি অবশ্যই চালিয়ে যাবেন। অনেক আগ্রহ নিয়ে অপেক্ষায় থাকলাম পরবর্তি পোষ্টের জন্য।

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

কিন্তু আমি দেখতে পাচ্ছি 14 টি ফাইল এবং 4 টি ফোল্ডার। বাকি 3টা ফাইল কি হবে?

    css ফোল্ডার ও inc ফোল্ডারে 3টা ফাইল সহ সতেরটি ফাইল পাওয়া গেছে।