একটি ওয়েবসাইটের সূচনা… CMS হিসেবে ওয়ার্ডপ্রেসের ব্যবহার

আগেই বলে নেই, আমি ভাল কোনো ওয়েব ডিজাইনার নই, আমি টুকটাক ডিজাইনের কাজ করি।

অফিসের একজন ক্লায়েন্টের কাজ হিসেবে আমাকে একটি ওয়েবসাইট বানাতে হচ্ছে। প্রথমেই তার ব্যবসার বর্ণনা দেই।

তার দেশ নাইজেরিয়া, তার একটি প্রকৌশলী এবং কারিগরি প্রতিষ্ঠান আছে। তিনি মূলত নাইজেরিয়াতে অবস্থানরত তেল ও গ্যাস কোম্পানীগুলো আবাসিক এবং সরকারের বিভিন্ন কাজে ঠিকাদারের কাজ করেন। ঠিকাদার বললে কম হবে, তার অর্থের পরিমান প্রচুর। দুই ছেলে লন্ডনের প্রাইভেট কলেজে পড়ে, লন্ডনে আসলেই পাচঁতারা হোটেলে থাকেন।

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

ডেমোসাইটের ঠিকানা – http://www.tv-bl.com/demo/megastar1/

এখন পর্যন্ত যা যা করেছি

• একটি ডেমো লিংকে ওয়ার্ডপ্রেস ইনস্টল করেছি এবং প্রয়োজনীয় কিছু প্রয়োজনীয় পরিবর্তন করেছি।
• যেহেতু এটি একটি ডেমো ওয়েবসাইট, তাই প্রথমেই স্পাইডার আসা বন্ধ করে দিয়েছি।
• প্রয়োজনীয় পাচঁটি পেজ তৈরি করে, Settings > Reading > Front page displays এ Home নামের পেজকে Front Page এবং Blog নামের পেজকে Posts page ঠিক করে দিয়েছি। ফলে ওয়েবসাইটে ঢুঁকলেই ব্লগ পোষ্টগুলো চোখে পড়বে না।
• Static পেজগুলোতে কনটেন্ট করার অপশনটি বন্ধ করে দিলাম।
• পার্মালিংক পরিবর্তন করে কেবলমাত্র /%postname%/ রেখে দিলাম – এটি সার্চ ইঞ্জিন অপটিমাইজেশনে সহায়ক।
• কিছু প্রয়োজনীয় প্লাগইন ইনস্টল করেছি।
• এবার থিসিস থিম ইনস্টল করেছি। আপনারাও নিজেদের ওয়েবসাইটকে CMS মতো ব্যবহার করতে চাইলে যেকোনো থিম ব্যবহার করতে পারেন। দয়া করে অবৈধভাবে কোনো থীম ব্যবহার করবেন না। যারা থিমগুলো ডিজাইন করে, তারা আমার আপনার মতো ক্ষুদ্র ডিজাইন। অবৈধভাবে থিম ব্যবহার তারা প্রাপ্য আয় থেকে বঞ্চিত হচ্ছে।
• এখন থিমের custom css ফাইলটিতে কাজ শুরু করেছি ও পরিকল্পনা মোতাবেক ছবি এবং রং পরিবর্তন করছি।
• ওয়েবসাইটের ব্যাকগ্রাউন্ড বদলে কনটেন্টের স্থানটিতে বর্ডার দিন এবং উপরে একটি ব্যানার সেঁটে দিলাম।
• Appearance > Editor এ গিয়ে comments.php পেজ থেকে মন্তব্য বন্ধ করা জন্য যে নোটিসটি দেখাচ্ছিল তা তুলে দিলাম।
• এবার একই editor থেকে footer.php পেজে গিয়ে footer এর কপিরাইট বিষয়ক টেক্সট পরিবর্তন করে দিলাম।
• হোমপেজে কনটেন্ট যোগ করা শুরু করে দিয়েছি।
• হোমপেজের কনটেন্টের মাঝে Welcome to Megastar ভাল দেখাচ্ছিল না, তাই হোমপেজকে নামশূন্য করে দিলাম।
• ওয়েবসাইটের কনটেন্ট এরিয়ার রং পরিবর্তন করে দিলাম এবং সে অনুযায়ী মেনুবারে পরিবর্তণ আনলাম।
• কনটেন্ট এরিয়ার সাথে সামঞ্জস্য রেখে বিভিন্ন স্থানে ফন্টের রং পরিবর্তন করছি।
• যোগাযোগের পাতায় Contact Form 7 প্লাগইন ব্যবহার করে ফরম তৈরি করছি।
• ১লা সেপ্টেম্বর (১২:১১) – একটু আগে About Us পেজে কিছু কনটেন্ট বসিয়েছি। এখন Porfolio সেকশনে Commercial প্রজেক্টের পাতায় কনটেন্ট যুক্ত করছি এবং সেই অনুযায়ী css ফাইলে পরিবর্তণ আনছি।
• ১লা সেপ্টেম্বর (১৩:৩৪) – লাঞ্চ শেষ করে এসেছি। আপাতত Commercial পেজের কাজ শেষ। এখন Commercial > Silverbird Showtime পেজের কাজ করছি।

ওয়েবসাইটটি কেবলমাত্র ডিজাইন করা শুরু করলাম। শেষ হতে সময় লাগবে। তবে বার বার এই পোষ্টটি এবং ওয়েবসাইটটি ঘুরে দেখুন এবং ডিজাইনের বিভিন্ন ধাপ সম্বন্ধে জানতে চেষ্টা করুন।

চলতে থাকবে…

আশা করি এটি একটি সুন্দর অভিজ্ঞতায় পরিনত হবে। শুভ কামনা রইল।

এ ধরনের আরও কিছু পোষ্ট:

• [অতিথি পোষ্ট] ওয়েবসাইটের সৌন্দর্য বৃদ্ধি করে ফেভিকন, তৈরি করা খুবই সোজা !!!
• ওয়ার্ডপ্রেস ব্লগের ফ্রি এবং বৈধ থীম / টেমপ্লেট সমগ্র (নিয়মিত আপডেট)
• কিভাবে ওয়ার্ডপ্রেসের হোমপেজ থেকে ব্লগ পোষ্ট সরাবেন?
• জরুরি পোষ্ট: ওয়ার্ডপ্রেসের উপর হামলা চলছে, সর্তক হউন
• Thesis Theme বলতে যারা পাগল… তাদের জন্যে একটি ফাটাফাটি ফ্রি থীম
• আমি কেন ব্লগিংয়ের জন্য ওর্য়াডপ্রেস ব্যবহার করি ~ ওয়ার্ডপ্রেসই সেরা ব্লগিং প্লাটর্ফম
• নতুন ব্লগাররা ওয়েবসাইটের দিকে নজর দিন ~ পাঠককে ওয়েবসাইটকে ধরে রাখুন
• কিভাবে Dynamic ওয়েবসাইটের Search Engine Optimization করবেন?

Tagged as: cms, ওয়ার্ডপ্রেস, ওয়েবসাইট, সার্চ ইঞ্জিন অপটিমাইজেশন