ওয়ার্ডপ্রেস থীমের বিভিন্ন ফাইল পরিচিতি || কোড কোথায় রাখবেন আর কাউকে জিজ্ঞাস করতে হবে না

নতুন বছরের প্রথম টিউন। 🙂

আজ যে বিষয়টা নিয়ে লেখবো সেটা নিশ্চয়ই আপনারা এতক্ষনে বুঝে গেছেন। বেশ কিছুদিন ধরে লক্ষ করতেছি অনেকে সাইট/ব্লগ কে সুন্দর করে সাজানোর জন্য বিভিন্ন জায়গা থেকে কোড সংগ্রহ করেন। অনেক নামিদামি সাইট ( যেমনঃ ফেসবুক, টুইটার ) অবশ্য নিজেরাই কোড সরবরাহ করে। অনেকে অনেক সময় সাইট/ব্লগ এর স্ট্যাটস চেক করার জন্য কোড সংগ্রহ করেন। কিন্তু তারপরই নানা জনের কাছে জিজ্ঞাস করতে হয় অথবা গ্রুপ এ পোস্ট করতে হয় যে এই কোডটা কোথায় পেস্ট/কনফিগার করবো। এই সমস্যা সমাধানের জন্য আজ আপনাদের ওয়ার্ডপ্রেসের একটি থীমের ডিফল্ট কিছু ফাইল এর সাথে পরিচয় করিয়ে দিবো যাতে নিজেরাই বুঝতে পারেন কোন ফাইলে কোডটা দিতে হবে। আশা করি ভবিষ্যতে আর কাউকে জিজ্ঞাস করতে হবে না। 🙂

নিচের ছবিটার দিকে লক্ষ করুন। 

এগুলা ডিফল্ট ফাইল ওয়ার্ডপ্রেস থীমের। এখানে ১২ টা ফাইলের নাম আছে। ফাইলগুলা হলো archives.php , comments.php, footer.php, header.php, index.php, page.php, search.php, sidebar.php, single.php, functions.php, settings.php, style.css এগুলা।

প্রথমে আসি archives.php তে, এই ফাইলে যদি আপনি কোন কোড/ অন্যকিছু পরিবর্তন করেন তাহলে সেটা আপনি দেখতে পারবেন আপনার সাইটের আর্কাইভ পেজ এ। যেমনঃ আমার সাইটে http://mhmehedi.com/archives এই পেজ।

এরপর, comments.php - এই ফাইল সাইটের/ব্লগের পেজে/পোস্টে কোমেন্ট ফর্মটি জেনারেট করে। এই ফাইলে যদি আপনি কোন কোড/ অন্যকিছু পরিবর্তন করেন তাহলে সেটা আপনি দেখতে পারবেন কোমেন্ট ফরম এ। নিচের ছবিটা দেখুন।

এবার আসি নেক্সট ফাইল এ, footer.php - ফুটার হলো যেকোন সাইটের সবচেয়ে নিচের অংশ। নিচের ছবিটি দেখুন-

এই হলো ফুটার। এই ফাইলে যদি আপনি কোন কোড/ অন্যকিছু পরিবর্তন করেন তাহলে সেটা আপনি দেখতে পারবেন উপরের ছবির অংশে মানে সাইটের একদম নিচে।

header.php - হেডার শুনেই নিশ্চয় বুইজ্জ্যা গেচেন যে এইডা মাথা। হ্যা, আসলেই এই ফাইল টা সাইটের মাথা কন্ট্রোল করে। আসুন তাও নিচের ছবিটা দেখি। আমার অনেক ভাইয়েরা যদি না বুঝে।ছবি তাগো লাইজ্ঞ্যা। 🙂

এই হলো একটি সাইটের হেডার অংশ। সবচেয়ে উপরের পার্ট যা মেনুতে এসেই শেষ হয় ৯৯% থীমে। এই ফাইলে যদি আপনি কোন কোড/ অন্যকিছু পরিবর্তন করেন তাহলে সেটা আপনি দেখতে পারবেন সাইটের এই অংশে(ছবিতে লক্ষ্য করুন), এই জায়গা থেকেই লোগো/সাইট টাইটেল , মেনু , ক্যাটাগরি এসব জেনারেট হয়।

index.php - এবার আসি ওয়ার্ডপ্রেস থীমের সবচেয়ে গুরুত্তপূর্ন ফাইল index.php তে। এইটা ফাইল থেকেই ওয়ার্ডপ্রেস থীমের অন্যসকল ফাইলগুলো জেনারেট হয়। এই ফাইলে ঢুকলে দেখতে পারবেন css ফাইলের সাথে header এর সাথে footer এর সাথে লিঙ্ক করা আছে। এই ফাইলে হাত না দেয়া ই শ্রেয়। এটার কোন ভিজুয়্যালটি সাইটে নাই। যেমন হেডার / ফুটার এর আছে।

page.php - এই ফাইলটি home, about us, contact us, privacy এসব পেজ গুলা জেনারেট করে। ওয়ার্ডপ্রেস ব্যাক এন্ড থেকে Add new page থেকে পেজ Create করে পাবলিশ করলে সেই পেজ গুলাই page.php ফাইল থেকে জেনারেট হয়। যদি আপনি সব পেজের উপরে একটি লাইন অথবা বিজ্ঞাপন শো করাতে চান তাহলে page.php তে পেজ টাইটেল ফাংশন এর উপরে আপনার কাংখিত কোডটি পেস্ট করুন দেখুন সেটি শো করবে।

search.php - এই ফাইলটি সাইটের সার্চ বক্স জেনারেট করে। এটা নিয়ে বিস্তারিত বলার কিছু পাচ্ছি।

sidebar.php- এই ফাইলটি সাইটের সাইডবার জেনারেট করে। যেসকল সাইটে ২ টা সাইডবার থাকে সেখানে sidebar-left.php এবং sidebar-right.php এই রকম ২ টা ফাইল থাকে। সাইডবারে কোন কাস্টমাইজেশন / উইটজেট / টেক্স / ইমেজ এসব কিছু দিতে চাইলে এই ফাইলে কাজ করুন।

single.php- ওয়ার্ডপ্রেস ব্যাক এন্ড থেকে Add new post থেকে নতুন একটি পোস্ট লেখে পাবলিশ করলে সেই পোস্ট গুলা যে পেজ এ জেনারেট হয় সে ফাইলের নাম single.php. অনেকে চান প্রতিটা পোস্ট এর উপরে এডসেন্স এর এড শো করাতে। এই ফাইলে পোস্ট টাইটেল ফাংশনের নিচে এড কোড বসান। দেখবেন কাজ হয়ে গেছে। ইচ্ছা করলে এই কাজটি পোস্ট এর নিচে ও করতে পারেন।

functions.php - আপনি যদি কাস্টম কোন php ফাংশন তৈরী করেন তাহলে তার কোডটি রাখার জন্যই এই ফাইলটি। 🙂

settings.php - বিভিন্ন থীমে থিম সেটিং নামে একটা অপশন থাকে। থীম সেটিং অপশনের সবকিছু এই ফাইল থেকে রান হয়।

style.css - থীমের সকল রঙ , বর্ণ, গন্ধ , থুক্কু গন্ধ না রঙ ফন্ট, স্টাইল সব কিছু এই ফাইলে থাকে। এই ফাইল থেকে আপনি ইচ্ছা মতো সাইটের কালার, ফন্ট, পেডিং, মার্জিন, এরিয়া এইসব হাবিজাবি ঠিক করতে পারবেন।

আর লেখতে পারছি না। কোথাও কোন ভুল অথবা না বুঝে থাকলে মন্ত্যব্যে তা জানাতে ভুল করবেন না।

এই টিউনটি করতে পুরা বছর পার হইয়্যা গেল। 🙁  , ২০১১ এর ডিসেম্বর এর ৩১ তারিখ এর রাত ১১ টায় শুরু করেছিলাম , শেষ হলো ২০১২ এর জানুয়ারীর ১ তারিখের রাত ১২.৩৬ এ। নতুন বছরের শুভেচ্ছা সকলকে।

ধন্যবাদ। ভাল থাকুন। শুভ রাত্রি।

--হ্যাপি কোডিং --

Level 0

আমি মেহেদী হাসান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 23 টি টিউন ও 117 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

http://www.dhrubohost.com, ডোমেইন রেজিস্ট্রেশন, বাজেট ওয়েব হোস্টিং, বিজনেস ওয়েব হোস্টিং, রিসেলার হোস্টিং, ভিপিএস এবং SSL সার্টফিকেট প্রোভাইডার। ফেসবুকে পাবেনঃ https://fb.com/DhruboHost, হটলাইন : +88 01795 470074


টিউনস


আরও টিউনস


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


টিউমেন্টস

ভাই এইটাই তো খুজছিলাম। আপনাকে অশেষ ধন্যবাদ। ভাই একটা প্রশ্ন আমি যদি কোন Theme এর Header কে Change করতে অন্য theme এর Header.php ফাইলটা Copy করে আমার existing কোন Theme এ paste করি তাহলে কি হবে। সেক্ষেত্রে index.php ফাইলে কি ধরনের পরিবর্তন আনা দরকার।

    Level 0

    @বিভ্রম: ভাই, বেশ অনেক জায়গায় পরিবর্তন আনতে হবে, হেডার এর জন্য যেসকল সি এস এস কোড গুলা ছিল সেগুলা আনতে হবে, যে ফাংশন গুলা ডিক্লিয়ার (যেটা থেকে কপি করতে চান) করা হয়েছে সেই গুলা এই থীমে কনিফিগার করা। ইন্ডেক্স এ লিঙ্কিং করা লাগতে পারে। আরো বহুত ক্যাচাল আছে। এই প্রসেস কখনো করতে যাইয়েন না।

    যা পরিবর্তন চান, সরাসরি সি এস এস ফাইলে চলে যান, সব করতে পারবেন ওখান থেকে, প্রায় ৮০ ভাগ কাজই সি এস এস এর।

    ধন্যবাদ।

আপনার সাইটে ম্যালাকুলাস আছে এভাষ্ট এ ধরছে।

    Level 0

    থাকার কথা না । আমার ক্যাসপারস্কি তো কিছু বলে না। ওকে ক্লিন করবো সময় পেলে। ধন্যবাদ। 🙂

Upnar tune ta khub valo hoyaca.Onik din por sortikar orthe ekta kajer tune pelam.Sobai jodi erokom dape dape sob kishu bornona korto tahole,kono kishu jotil thakto na.Jahok,valo thakben and vobirsote amader ke emon aro sundor sundor tune upohar diben.

Level 0

সুন্দর হয়েছে ।