ফ্রিতে প্রফেশনাল ওয়েবসাইট ডেভেলপ (পর্ব ০২)
নতুন থিম আপলোড :
ফ্রি ওয়েবসাইট ডেভেলপ এর জন্য ব্লগার এর অসংখ্য ফ্রি থিম টেমপ্লেট আছে। বিভিন্ন ওয়েবসাইট থেকে এই থিম গুলো ফ্রি এবং পেইড উভয় পাওয়া যায়। এমনই একটি ওয়েবসাইট হচ্ছে Sora Template .
ওয়েবসাইট গুলোতে যে থিম পাওয়া যায় অধিকাংশ নির্দিষ্ট টাইপের উপর ডিজাইন করা। আর একটি সুবিধার দিক হচ্ছে ওয়েবসাইট গুলো প্রতিনিয়ত নতুন নতুন থিম আপলোড করতে থাকে।
এখন থিম আপলোড এবং ডিজাইন সম্পর্কে আলোচনা কর যাক। কাজটি কয়েকটি ধাপে সম্পন্ন করতে হবে ;
- যে থিম ব্যবহার করা হবে তার যিপ ফাইল এক্সট্র্যাক্ট করে নিতে হবে ;
- ব্লগার এর সি প্যানেল থেকে থিম অপশন এ ক্লিক করে My Theme কাস্টোমাইজ এর পাশের ড্রপডাউন থেকে Restore সিলেক্ট করতে হবে।
- ডাউনলোড করা থিম ফাইল থেকে থিম এর XML ফাইল আপলোড করতে হবে।
- মোবাইলে ওয়েবসাইটটি কেমন দেখাবে সেটি মোবাইল সেটিংস থেকে সিলেক্ট করে দেয়া যায় তবে ডিফল্ট ডেস্কটপ ভার্সন রাখায় ভালো
নতুন থিম আপলোড সম্পূর্ণ হলে, কাস্টোমাইজ অপশন এ ক্লিক করলে নতুন থিম এর প্রিভিউ দেখা যায় এবং এখানে থিম এর ব্যাকগ্রাউন্ড , ডিফল্ট ফন্ট এন্ড লিংক কালার পরিবর্তন এবং widths কমানো বাড়ানো করা যায়।
ব্লগার এর নতুন থিম আপলোড সম্পূর্ণ।
থিম আপলোড সম্পূর্ণ হলে এর পরের কাজ হলো layout সেট করা। বিভিন্ন থিম এর layout বিভিন্ন রকম। এজন্য ডিফল্ট একটি থিম ব্যবহার করে blog টি বানানো।
১, প্রথম ট্যাবটি হলো লোগো এবং টাইটেল এর জন্য। এখানে ওয়েবসাইটের লোগো অথবা টাইটেল সেট করতে হয়।
প্রথম বার এর ডান পাশের এডিট বাটনে ক্লিক করে হেডার লোগো এবং ডেসক্রিপশন এডিট মুড্ ওপেন হবে।
হেডার এ ইমেজ প্লেসমেন্ট এর অপশন থাকে যেখানে এটি নির্ধারণ করা যায় লোগো এর অবস্থান কেমন হবে।
এক্ষেত্রে Instead of Title and Description সিলেক্ট করা ভালো।
যদি হেডার ইমেজ এর সাইজ বড় হয়ে যায় তবে Shrink to fit অপশন অন করে দিলে এটি হেডার এর সাইজ অনুযায়ী ইমেজ ছোট করে অটোমেটিক ফিট করে দেয়।
২, হেডার এর পর মেইন মেনু , মেইন মেনু তে ফীচার, মেগা মেনু, ড্রপ ডাউন মেনু , মাল্টি ড্রপডাউন মেনু ইত্যাদি যুক্ত করা যায়।
কনফিগারেশনে প্রথমে মেনু টাইটেল , নিচে কতগুলো মেনু শো করতে চাই এবং কিভাবে মেনু গুলো rearrange করা হবে তার একটি অপশন।
যদি কোনো নির্দিষ্ট ধরা বাধা না থাকে তবে Number of items এবং sorting অপশন গুলো যথাক্রমে blank এবং Do not sort রাখা ভালো।
এর পর মেইন মেনুতে ফিচার মেনু, ড্রপডাউন মেনু , মাল্টি ড্রপ ডাউন মেনু , এবং মেগা মেনু অ্যাড করার পালা।
ফিচার মেনু তে মূলত ড্রপডাউন মেনু এর মাধ্যমে কিছু পেজ এর লিংক টাইটেল এর মাধ্যমে অ্যাড করা থাকে যা দর্শকদের জন্য গুরুত্ব পূর্ন বলে মনে করা হয়।
ড্রপ ডাউন মেনু তৈরি করার কয়েকটি পদ্ধতি আছে তবে সব থেকে বেশি ব্যবহৃত ;
_drop down
মাল্টি ড্রপ ডাউন এর জন্য ;
__multi drop down
মেগা মেনু এর জন্য;
title _ mega অথবা mega _ title
মজার ব্যপার হলো ড্রপ ডাউন এর মধ্যে মাল্টি ড্রপ ডাউন তৈরী করা যায়।
বলে রাখা ভালো ওয়েবসাইট ডেভেলপ করার ভুত মাথায় চেপে থাকলে বেসিক কোডিং শিখে নেওয়া ভালো। HTML , Java Scripts এই দুইটা সম্পর্কে ধাৰণা রাখা অত্যন্ত জরুরি (blogger এর ক্ষেত্রে) কারণ অনেক সময় গ্যাজেট অ্যাড করতে html অথবা Java Scripts ব্যবহার করতে হয়।
৩, মেইন মেনু এর পর সোশ্যাল মিডিয়া লিংক অ্যাড এখানে কাজ শুধু মাত্র লিংক গুলো যোগ করে দেয়া, এবং অপ্রয়োজনীয় সাইট গুলোর অপশন ডিলিট করে দেয়া।
৪, থিম অনুযায়ী প্রতিটা ওয়েবসাইট এ সাইড বার এর গ্যজেট অ্যাড এবং রিমুভ করার সুযোগ থাকে। অনেক সময় মেইন বার এ এই অপশন পাওয়া যায় তবে অল্প সংখ্যক।
গ্যজেট এর মাধ্যমে ছবি, ফলোয়ার্স / ভিউয়ার্স কাউন্টার , ট্যাগ , সোশ্যাল মিডিয়া ইত্যাদি যুক্ত করা যায়। তবে সব কিছু অ্যাড করতে কোথাও কোথাও কোডিং এর প্রয়োজন পড়ে। যেমন ওয়েবসাইট এ ফেসবুক মেসেঞ্জার অপশন অ্যাড করা। অথবা YouTube এর ইন্ট্রো অ্যাড করা ইত্যাদি।
পরবর্তীতে এই বিষয়ে ডিটেলস দেখানো হবে।
৫, সর্বশেষ ফুটার মেনু সেটিংস; এখানে অনেক থিম (ফ্রি) এ গ্যজেট অ্যাড করার সুযোগ থাকে। যেখানে ফিচার পোস্ট। কিছু বিশেষ পোস্ট এর হাইলাইট সেট করা যায়। তবে ডিফল্ট যে জিনিস থাকে সেটি হলো সোশ্যাল মিডিয়া লিংক যা পূর্বের মতো শুধু মাত্র লিংক যোগ করে দিলেই কাজ খতম।
শেষ হলো ব্লগার এর থিম ডিজাইন।
পরবর্তীতে কিছু কাজ যেমন ফেসবুক পেজ অ্যাড , সাইড বার এ ভিডিও অ্যাড , ফেসবুক মেসেঞ্জার অ্যাড ইত্যাদি কোডিং এর বিষয়ে আলোকপাত করা হবে।
No comments:
Post a Comment