যারা ওয়াপকাতে ডায়নামিক ডিজাইনের সাইট তৈরী করতে চান তারা আমার টিউটোরিয়ালগুলো ফলো করতে পারেন , “ওয়াপকা ডায়নামিক ডিজাইন পর্ব-১” ।

হ্যালো ট্রিক পাবলিশার কমিউনিটি , আশা রাখি সবাই ভাল আছেন ।

আজ অনেকদিন পর লিখতে বসলাম ভুল হলে  ক্ষমা সুন্দর দৃষ্টিতে দেখবেন ।

ডায়নামিক ডিজাইন দিয়ে সাইট তৈরী  নিয়ে লেখার আগে কিছু কথা বলি ,

ওয়াপকা কে বেছে নেবার কারন?

“ফ্রী হোস্টিং + ইউজার ফ্রেন্ডলী + কন্টেন্ট ম্যানেজার সহ আরো অনেক সুবিধার কারনে ।”

এছারাও একই টাইপের সাইট দেখতে দেখতে একঘেয়েমী হয়ে গেছেন আশা করি ,

তাই নতুন কিছু করার উদ্দেশ্য আপনাদের মাঝে ফিরে এলাম।

তো চলুন প্রথম টিউটোরিয়াল এ কি আছে দেখে নেওয়া যাক।

• হেডার ।
• ফুটার।
• হোম পেজ।

আমরা সবাইতো হোম পেজে কন্টেন্ট শো করি কিন্তু এবার ব্যতিক্রম কিছু করব আমরা ।

• যাদের ওয়াপকা তে সাইট নেই তারা প্রথমে ওয়াপকা.কম থেকে রেজিস্ট্রেশন করে নিন।
• আপনার মন মত নাম দিয়ে সাইট তৈরী করুন।
• এবার তৈরীকৃত সাইটের নামের পাশে “Manage” এ ক্লিক করুন।

• এবার “Other” এ ক্লিক করুন এবং
  – Allow fast access to edit functions
  – Enable PREMIUM program

চেক বক্স গুলোতে টিক দিয়ে “Change Setting” এ ক্লিক করুন।এবং Back এ যান ।

• Admin mode এ প্রবেশ করুন ।

• “Edit Site” এ ক্লিক করুন
• ” Global settings” এ ক্লিক করুন।
• “Head Tag” এ গিয়ে নিচের লিংক থেকে কোডটি কপি পেস্ট করুন।

Head Tag Meta Style

• উপরে দেওয়া কোড গুলো থেকে আপনার সাইটের নাম , শিরোনাম , অ্যালেক্সা এবং গুগল ভেরিফিকেশন  কোড পরিবর্তন করে নিবেন। দয়া করে অন্য কিছু এডিট করবেন না।
• সাবমিট করেন এবং আবার “Edit Site” এ ঢুকুন।
• “New Page” এ গিয়ে দুইটি পেজ তৈরী করুন ।

1. Pc Version Theme
2. Mobile Version Theme.

• এবার আপনার পেজ লিংক গুলো কোথাও নোট করে রাখুন ।
• “WML/XHTML code” এ ক্লিক করুন।
• এবার নিচের লিংক থেকে কোডটি কপি পেস্ট করুন।

Home Page Body Code

• উপরের কোডটি থেকে ( “Pc version” , “Mobile Version” , “Log in” , “Signup” ) লিংকগুলো ঠিক করে নিবেন নিজ দায়িত্বে।তাহলে আমাদের হোম পেজ Middle বডি সাজানো শেষ।

• এবার কিছু টিউন বিভাগ এর Forum তৈরী করুন যা আগামী পর্বে কাজে আসবে আপনাদের মন মত করতে পারেন অথবা আমার দেওয়া কিছু Example দিয়ে কাজ সারতে পারেন।

উপরে বর্নিত ক্যাটাগরী গুলো থেকে বেছে নিজ দায়িত্বে ফরাম বানিয়ে আইডিগুলো নোট করে রাখবেন।

• এবার Edit Site এ গিয়ে Add Autocontent যান।
• Top items (header) এ ক্লিক করুন।
• এবার Edit Site এ গিয়ে Wml/xhtml এ ক্লিক করুন।
• নিচের লিংক থেকে কোডটি কপি পেস্ট করুন।

Header Page Code

• Advance User রা নিজ দায়িত্বে ফরাম লিংক গুলো বসিয়ে কমেন্টে জানাবেন পারলে আমার ফেসবুক প্রোফাইলে আপনার বানানো সাইটের লিংক দিতে পারেন আমি ভিসিট করবো। আর যারা নতুন তাদের আগামী পর্বে বিশ্লেষণ করে প্রতিটি পদক্ষেপ দেখানোর চেস্টা করবো।

• চলেন এবার ফুটার মানে (-2) পেজে যাওয়া যাক । যারা যানেন না তারা নিচে Edit Site এর নিচে >> এরকম একটি চিহ্ন আছে তাতে ক্লিক করে -2 লিখে সাবমিট করুন এবং Edit Site গিয়ে Wml/xhtml সিলেক্ট করুন এবং নিচের লিংক থেকে কোডটি কপি পেস্ট এবং সাবমিট করুন।

Footer Page Code

• উপরের কোডটি থেকে সাইট এর নাম ফেসবুক লিংক এছারাও প্রয়োজনীয় লিংক ইডিট করে নিতে পারেন ।

আজ এ পর্যন্ত সমাপ্ত করছি আগামী পর্বে আবার হাজির হবো টিউটোরিয়াল ২ নিয়ে যদি কমেন্টে আপনাদের উৎসাহ পাই নয়তো এখনেই কবি নীরব।

আর কারো যদি বুঝতে সমস্যা হয় তো কমেন্টে জানাবেন আমি অনলাইনে না থাকলেও ট্রিকবিডি এর ট্রিকার ভাইরা তো আছেই আপনার সাথে।

সবশেষে ফুলগাজীর ছেলে।