সবাইকে ইনফোটকলাইফ.কম এর পক্ষ থেকে জানাই একরাশ শুভেচ্ছা, আশা করি ভাল আছেন সবাই। একজন দক্ষ ব্লগার হতে হলে আপনাকে অবশ্যই আপনাকে ব্লগার টেমপ্লেট সম্পর্কে ধারনা রাখতে হবে। তা না থাকলে আপনি আপনার প্রয়োজনে আপনার সাধের ব্লগটিকে আপনার মনের মত করে সাজাতে পারবেন না। তো যাই হোক এবার কাজের কথায় আসি। গুগল ব্লগ টেম্প্লেট ডিজাই, ডেকরেট, এবং তা এডিট করতে হলে আপনাকে অবশ্যই ব্লগার টেমপ্লেট সম্পর্কে ন্যুনতম জ্ঞান রাখতে হবেই হবে। প্রকৃতপক্ষে প্রত্যেকটি টেমপ্লেট এর কিছু আলাদা আলাদা বৈশিষ্ট্য থাকলে এদের মাঝে কিছু ব্যাসিক মিল রয়েছে। আর এই Basic Structure জানলেই আপনি অতি সহজেই বিদ্যমান টেমপ্লেটটিকে ঢেলে সাজাতে, নতুন টেমপ্লেট তৈরী করতে, একে বিভিন্ন আকৃতি দিতে পারবেন। টেম্প্লেটর এর কিছু অংশ আছে যেগুলো দৃশ্যমান বা এগুলো আমরা প্রত্যেকটি টেমপ্লেটে দেখতে পাই যেমন ধরুন, Headers, Footers and Post Sections. প্রত্যেকটি ব্লগটেমপ্লেটে এমন কতকগুলো Sectioons আছে যেগুলো আমারা দেখতে পাইনা যার উপর পুরো দৃশ্যমান কাঠামোটি দাঁড়িয়ে থাকে। আমি এগুলোকে সাধারনত: block অথবা containers বলে থাকি। যা পরে আলোচনায় আসবে আশা রাখি। এগুলোকে বুঝতে আপনার HTML জ্ঞান অতীব জুরুরী।
শুরুতেই বলে রাখি, একটি ব্লগার টেম্প্লেটে সাধারনত: নীচের Blocks অথবা Containers রয়েছে। নিচের চিত্র বা ইমেইজটি ভাল করে লক্ষ্য করুন। এগুলো নিয়ে আজ আমারা আলাদা ভাবে আলোচনা করব।
আসুন আমরা এখন বড় বড় ব্লক থেকে ছোট ব্লকগুলোর দিকে আলোচনাক্রমে অগ্রসর হই-
১. Body: একটি ওয়েব টেমপ্লেটের সবচেয়ে প্রধান যে কাঠামো যা কে আমরা একটি ব্রাউজারে কম্পিউটার Screen এ পুরোটা জায়গা জুড়ে দেখতে পাই সেটিই হল Body ব্লক। সমুদ্রের মধ্য একটি বহুতল বিশিষ্ট্য জাহাজ যে কাঠামোটার উপর ভর করে ভেসে থাকে ঠিক তেমনি ইন্টারনেট সদৃশ এই বিশাল সাগরে Body নামক Block বা কাঠামোর উপরেই পুরো ওয়েব সাইটি আমাদের নিকট সুন্দর ভাবে দৃশ্যমান হয়।
২. Outer-wraper: এই Container বা Block টিতেই একটি ওয়েব সাইটের পুরো ডায়াগ্রাম টি আঁকা হয়। ( Body হল টেম্প্লেটের বাইরের অংশ। উপরের চিত্রে ভাল করে লক্ষ্য করুন। ) সাধারনতঃ Wrapper তৈরী করা হয় এদের মাঝে ছোট ছোট অনেকগুলো ব্লক বসানোর জন্য। এই Outer Wrapper এর মধ্যে Header, Content,র্এবং Footer ব্লক বসানো হয়েছে।
৩. Header: এই ব্লকটিই হল আপনার ব্লগের সব উপরের অংশ( নামটা বেশ সুস্পষ্ট)। কিন্তু এই ব্লকের মধ্যে আপনি অনেকগুলো সাব ব্লক পেতে পারেন। যেমন ধরুন- The header Title ব্লক, The header description ব্লক এবং অন্যান্য আরও কিছু ব্লক যেমন এডসেন্স ব্যানার মেনুবার ইত্যাদি। তাইেএই সকল সাব ব্লকগুলোকে একটি বড় কন্টেইনার এর মধ্যে মুড়িয়ে রাখার দরকার হয়। Header সেকশনের এই কন্টেইনারটিই হল Header wrapper যা সকল সাব-ব্লককে একস্থানে রাখে।
৪. Content: Header এর নিচেই রয়েছে Content wrapper- সাধারনতঃ এটিই সকল ব্লক বা কন্টেইনার এর মধ্যে সবচেয়ে গুরত্বপুর্ন। কারন এর মধ্যেই রয়েছে Sidebar Containers( যেমন ধরুন Sidebar ১,২,৩ ইত্যাদি) এবং Main Container (যেমন পোস্টস, কমেন্টুস অথবা কিছু বিজ্ঞাপন)
৫. Footer: ওয়েব টেম্প্লেটের সর্ব নিচের কন্টেইনারটিই হল Footer । Header সেকশনের মতেই এ সেকশনেও এর অন্তর্গত অন্যান্য ব্লককে ধরে রাখতে Footer Wrapper দরকার হবে।
৬. Main: এটি Content wrapper এর একটি সাব-ব্লক। Main wrapper হল Main Section এর বাইরের অংশ। আর এই Main wrapper হল Post block, Comment block, Date header এবং আন্যান্য Widget সমুহ যা Add page element Option হতে সৃষ্টি হয়।
৭. Sidebar: Sidebar হল সেই ব্লক যার মধ্যে সকল Side Widgets দৃশ্যমান হয়। যেমন- About Me, Levels, Archive, Text, HTML, Adsense ইত্যাদি। একটি Standard Template এ সাধারনতঃ আপনি একটি সাইডবার খুজে পাবেন। এটিকে ২ কলাম টেম্প্লেট বলা হয়( ১ম টি Main ২য় টি Sidebar)। কিন্তু এতে একাধিক সাইডবার যোগ করা খুব একটা কঠিন কাজ নয়। এমনই একটি টেম্প্লেট হল ২ টি সাইড বার বা কলাম বিশিষ্ট টেম্প্লেট। যদি আপনি একবার এই টেম্প্লেটের গঠন বা Structure বুঝে যান তাহলে আপনি অনায়াসে এই অংশে সাইডবার যোগ করতে বা রিমুভ করতে পারবেন।
৮. Blogpost: এই ব্লকটিতে রয়েছে আপনার লেখা পোস্ট টাইটেল(post title), পোস্ট(posts) , পোস্ট অথর(post authors), লেভেল (label) ইত্যাদি অপশন।
উপরের আলোচনা হতে যা বুঝলেন তা একবার একনজরে দেখে নিন আপনার আইডিয়াটা আরও পরিস্কার হবে।
তো কি বুঝলেন মশাই? একবার যদি আপনি এই বেসিক স্ট্রাকচারটি আয়ত্ব করতে পারেন, তবে ব্লগার টেমপ্লেট Code এর গঠন বুঝা আপনার জন্য পানির ন্যায় সোজা মনে হবে। Code structure শেখা বলতে আমি CSS ও HTML শেখাকে বুঝাইনি। আসলে আমি বুঝাতে চাইছি কিভাবে Code গুলো অর্গানাইজড করা থাকে তাকে। আমি দেখেছি ওয়েব প্রোগামিং এর ন্যুনতম জ্ঞান নিয়ে একজন কেউ যদি এই স্ট্রাকচারটি একবার ভালভাবে বোঝেন সে সুন্দর ও দক্ষভাবে ব্লগারের ওয়েব টেম্প্লেটক কাস্টমাইজ করতে পারেন। আপনি চেষ্টা করলেও পারবেন ইনশাল্লাহ। শুধু প্রযোজন একটু ধৈর্য আর আমার এই ব্লগে ঢুঁ মারা। হা! হা! হা! ভাল থাকবেন সবাই খুব শিঘ্রই পরের পর্ব নিয়ে আপনাদের মাঝে ফিরছি।
শুরুতেই বলে রাখি, একটি ব্লগার টেম্প্লেটে সাধারনত: নীচের Blocks অথবা Containers রয়েছে। নিচের চিত্র বা ইমেইজটি ভাল করে লক্ষ্য করুন। এগুলো নিয়ে আজ আমারা আলাদা ভাবে আলোচনা করব।
১. Body: একটি ওয়েব টেমপ্লেটের সবচেয়ে প্রধান যে কাঠামো যা কে আমরা একটি ব্রাউজারে কম্পিউটার Screen এ পুরোটা জায়গা জুড়ে দেখতে পাই সেটিই হল Body ব্লক। সমুদ্রের মধ্য একটি বহুতল বিশিষ্ট্য জাহাজ যে কাঠামোটার উপর ভর করে ভেসে থাকে ঠিক তেমনি ইন্টারনেট সদৃশ এই বিশাল সাগরে Body নামক Block বা কাঠামোর উপরেই পুরো ওয়েব সাইটি আমাদের নিকট সুন্দর ভাবে দৃশ্যমান হয়।
২. Outer-wraper: এই Container বা Block টিতেই একটি ওয়েব সাইটের পুরো ডায়াগ্রাম টি আঁকা হয়। ( Body হল টেম্প্লেটের বাইরের অংশ। উপরের চিত্রে ভাল করে লক্ষ্য করুন। ) সাধারনতঃ Wrapper তৈরী করা হয় এদের মাঝে ছোট ছোট অনেকগুলো ব্লক বসানোর জন্য। এই Outer Wrapper এর মধ্যে Header, Content,র্এবং Footer ব্লক বসানো হয়েছে।
৩. Header: এই ব্লকটিই হল আপনার ব্লগের সব উপরের অংশ( নামটা বেশ সুস্পষ্ট)। কিন্তু এই ব্লকের মধ্যে আপনি অনেকগুলো সাব ব্লক পেতে পারেন। যেমন ধরুন- The header Title ব্লক, The header description ব্লক এবং অন্যান্য আরও কিছু ব্লক যেমন এডসেন্স ব্যানার মেনুবার ইত্যাদি। তাইেএই সকল সাব ব্লকগুলোকে একটি বড় কন্টেইনার এর মধ্যে মুড়িয়ে রাখার দরকার হয়। Header সেকশনের এই কন্টেইনারটিই হল Header wrapper যা সকল সাব-ব্লককে একস্থানে রাখে।
৪. Content: Header এর নিচেই রয়েছে Content wrapper- সাধারনতঃ এটিই সকল ব্লক বা কন্টেইনার এর মধ্যে সবচেয়ে গুরত্বপুর্ন। কারন এর মধ্যেই রয়েছে Sidebar Containers( যেমন ধরুন Sidebar ১,২,৩ ইত্যাদি) এবং Main Container (যেমন পোস্টস, কমেন্টুস অথবা কিছু বিজ্ঞাপন)
৫. Footer: ওয়েব টেম্প্লেটের সর্ব নিচের কন্টেইনারটিই হল Footer । Header সেকশনের মতেই এ সেকশনেও এর অন্তর্গত অন্যান্য ব্লককে ধরে রাখতে Footer Wrapper দরকার হবে।
৬. Main: এটি Content wrapper এর একটি সাব-ব্লক। Main wrapper হল Main Section এর বাইরের অংশ। আর এই Main wrapper হল Post block, Comment block, Date header এবং আন্যান্য Widget সমুহ যা Add page element Option হতে সৃষ্টি হয়।
৭. Sidebar: Sidebar হল সেই ব্লক যার মধ্যে সকল Side Widgets দৃশ্যমান হয়। যেমন- About Me, Levels, Archive, Text, HTML, Adsense ইত্যাদি। একটি Standard Template এ সাধারনতঃ আপনি একটি সাইডবার খুজে পাবেন। এটিকে ২ কলাম টেম্প্লেট বলা হয়( ১ম টি Main ২য় টি Sidebar)। কিন্তু এতে একাধিক সাইডবার যোগ করা খুব একটা কঠিন কাজ নয়। এমনই একটি টেম্প্লেট হল ২ টি সাইড বার বা কলাম বিশিষ্ট টেম্প্লেট। যদি আপনি একবার এই টেম্প্লেটের গঠন বা Structure বুঝে যান তাহলে আপনি অনায়াসে এই অংশে সাইডবার যোগ করতে বা রিমুভ করতে পারবেন।
৮. Blogpost: এই ব্লকটিতে রয়েছে আপনার লেখা পোস্ট টাইটেল(post title), পোস্ট(posts) , পোস্ট অথর(post authors), লেভেল (label) ইত্যাদি অপশন।
উপরের আলোচনা হতে যা বুঝলেন তা একবার একনজরে দেখে নিন আপনার আইডিয়াটা আরও পরিস্কার হবে।
No comments:
Post a Comment