কেমন আছে সবাই? আশা করি সবাই ভালো আছেন।  আজ আপনাদের জন্য "ওয়ার্প্রেস এর জন্য কখন বুটস্ট্রাপ ব্যবহার করা উচিৎ আর কখন উচিৎ না"

আপনি যদি গুগলে সার্চ করেন "Wordpress theme with bootstrap", তাহলে আপনি একশ'এর বেশী রেজাল্ট পাবেন খুব সহজে। সেখানে আপনি গাইডলাইন পাবেন যে "কিভাবে বুটস্ট্রাপ ফ্রেমওয়ার্কে আপনার ওয়ার্ডপ্রেস থিম ডেভেলপ করার জন্য ব্যবহার করবেন" হোক সেটা কমার্শিয়াল বা ফ্রি।
আর আপনি ওয়ার্ডপ্রেস থিম গ্যালারীতে যদি "Bootstrap" লিখে সার্চ করেন তবে ১৯৯টি রেজাল্ট খুজে পাবেন যা আপনার পছন্দ করার জন্য অনেক।
এটা মনে হয় যে বুটস্ট্রাপ ব্যবহার করে ওয়ার্ডপ্রেস এর জন্য থিম ডেভেলপ করা আপনার জন্য বিরক্তিকর বটে। কিন্তু এটা কি আপনার WP থিম ডেভেলপমেন্ট করার জন্য সবচেয়ে ভালো উপায়?
এখানে আমি বুটস্ট্রাপ দিয়ে ওয়ার্ডপ্রেস এর জন্য থিম তৈরী করার কিছু ভালো আর খারাপ দিক দেখাচ্ছি, আর আপনাকে সহযোগীতা করছি যে কখন থিম ডেভেলপমেন্ট এর ক্ষেত্রে বুটস্ট্রাপ ব্যবহার করা উচিৎ আর কখন উচিৎ না।

বুটস্ট্রাপ কি?

বুটস্ট্রাপ ওয়েবসাইট থেকে বলা যায় "এটি সর্বাধিক জনপ্রিয় HTML,CSS এবং JS সম্মিলিত ফ্রেমওয়ার্ক, যা মোবাইল এর জন্য বা রেস্পন্সিভ প্রজেক্ট তৈরীর ক্ষেত্রে ব্যবহৃত হয়"
এখান থেকে কয়েকটি বিষয় জানা যায় যেঃ
** বুটস্ট্রাপ রেস্পন্সিভ আর মোবাইলের জন্য প্রথম
** এতে HTML,CSS আর (JS)জাভাস্ক্রিপ্ট ব্যবহার করা হয়েছে

আপনি যদি একটু মনযোগী হন তবে খেয়াল করে দেখবেন যে এতে কোন PHP নেই। যদিও বুটস্ট্রাপ একটা এপ্লিকেশন ফ্রেমওয়ার্ক, তবুও এটা থিম ফ্রেমওয়ার্কের মত নয়, এটা আপনাকে থিমের কোন টেমপ্লেট ফাইল দিবে না, এগুলো আপনাকে তৈরী করতে হবে, যদি আপনি থিম তৈরীর ক্ষেত্রে এর সুবিধা ভোগ করতে চান :)। সব কিছুর পরিবর্তে এটি আপনাকে একটা রেস্পন্সিভ ওয়েবসাইট তৈরীর ক্ষেত্রে সহযোগীতা করবে আর আপনার জন্য অনেক সহজ করে তুলবে।
বুটস্ট্রাপ মূলত একটা ফ্রেমওয়ার্ক হিসেবে ডিজাইন করা হয়েছিল টুইটার ডেভেলপারদের দক্ষ আর ধারাবাহিক কাজের জন্য। এর পুরাতন নাম "Twitter Blueprint" যা পরবর্তিতে "Bootstrap" নামে পরিবর্তিত হয় যখন এর সাথে আর অনেক বেশী ডেভেলপার যুক্ত হয় আর এর পরিধি বারতে থাকে।
এটা একটা ওপেনসোর্স ফ্রেমওয়ার্ক হিসেবে ২০১১ সালে সবার মাঝে আসে যা পরবর্তিতে ওয়ার্ডপ্রেস থিম তৈরী করার জন্য একটা শক্তিশালী এপ্লিকেশন হিসেবে ব্যবহৃত হয়। এটা আসলে প্রথম থেকে রেস্পন্সিভ ছিল না, ২০১২ সালে এর সাথে রেস্পন্সিভ অংশটুকু যোগ করে এবং মোবাইল রেস্পন্সিভ করা হয় ২০১৩ সালে।
আপনি যদি বুটস্ট্রাপ ডাউনলোড করেন তবে দেখবেন যে এটা একগুচ্ছ Style Sheet, Java Script ফাইল আর Glyphicons দ্বারা তৈরী, যা আবার ফন্ট ফাইলের সাথে যুক্ত। এটা আপনার থিমের কোন ফাইলের পরিবর্তন করবে না, ফলে আপনি আপনার প্রয়োজন মত একে আপনার ফাইলের সাথে যুক্ত করে ব্যবহার করতে পারবেন।
থিম তৈরীর ক্ষেত্রে বুটস্ট্রাপের উপকারীতাঃ

** বুটস্ট্রাপ সয়ংক্রিয়ভাবে রেস্পন্সিভ এবং মোবাইলের জন্য আপনার থিমকে তৈরি হতে সহযোগীতা করবে। আপনি যদি রেস্পন্সিভ থিম তৈরীর জন্য অনেক সংগ্রাম করে থাকেন তবে এটা আপনার সময় বাচাবে আর আপনাকে বাচাবে কঠিন কঠিন সব স্টাইলশীট তৈরী আর মিডিয়া কোয়ারি অ্যাড করা থেকে।
** এটা কলাম হিসেবে ব্যবহৃত হয়। এতে মোট ১২টি কলাম সেকশন আছে তাই আপনি আপনার পছন্দ মত আপনার ফাইল গুলো গ্রিডে অ্যাড করতে পারবেন।
** আপনার থিমের layout, typography অনেক ভালো পাবেন যদি আপনি বুটস্ট্রাপ ব্যবহার করেন।
** এটা কোন ডিজাইনের অ্যাওয়ার্ড পায়নি, কিন্তু এটা আপনাকে একটা আধুনিক, সহজ থিম তৈরির ক্ষেত্রে সহযোগীতা করবে।
** অন্য কোথাও থেকে প্লাগিন বা সোর্স কোড ব্যবহার করে থেকে বুটস্ট্রাপ ব্যবহার করলে, বুটস্ট্রাপ আপনাকে একটা চমৎকার পরিসেবা প্রদান করবে অ্যানিমেশন আর অন্যান্য সোর্স কোডের ক্ষেত্রে(কোন কিছু রুপান্তর, সুন্দর মডেল, ড্রপডাউন, বাটন ইত্যাদি এর ক্ষেত্রে)
মোট কথা বুটস্ট্রাপ আপনার ডেভেলপমেন্টের স্পিড আরো বাড়িয়ে দেবে এবং সব কোড-এর ঠিকভাবে কাজ করাটা নিশ্চিত করবে। এটি আপনার থিম তৈরির ক্ষেত্রে অল্প কোড লেখার ব্যাপারে সহায়তা করবে।

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

বুটস্ট্রাপ আর ওয়ার্ডপ্রেস সম্পূর্ন ভিন্ন। কারন বুটস্ট্রাপকে ওয়ার্ডপ্রেস এর জন্য তৈরী করা হয়নি এবং এটা ওয়ার্ডপ্রেস এর থেকে ভিন্ন একটা ওয়েতে কাজ করে। ওয়ার্ডপ্রেস থিম প্লাটফর্মে আপনি ওই সব অপশনই পাবেন যেগুলো বুটস্ট্রাপে পাবেন। তাছাড়া ওয়ার্ড়প্রেস থিম প্লাটফর্ম ব্যবহার করলে আপনি ওয়ার্ডপ্রেসের সাথে সামাঞ্জস্য অনেক কোড ব্যবহার করতে পারবেন আর অনেক হুক ব্যবহার করতে পারবেন যা আপনি বুটস্ট্রাপে পাবেন না। একটা ওপেন সোর্স আর গ্রিড সিস্টেম ওয়ার্ডপ্রেস থিম ডেভেলপমেন্টে প্লাটফর্মের নাম "Wonderflux"

ডাউনলোড করুন এখান থেকে

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

সর্বশেষঃ

বুটস্ট্রাপ ব্যবহার করে আপনি অনেক সুবিধা পাবেন। যদি আপনি একটা চমৎকার, ক্লিন আর রেস্পন্সিভ লেআউট চান যা জাভা স্ক্রিপ্টের সাথে সম্পৃক্ত। তবে বুটস্ট্রাপ আপনার ডেভেলপমেন্ট প্রসেসে অনেক সহযোগীতা করবে।
আর আপনি যদি বুটস্ট্রাপ থেকে কিছু অংশ ব্যবহার করতে চান তবে আপনাকে আগে এর সমপর্কে ভালোকরে শিখতে হবে। যদিও আপনি বুটস্ট্রাপের মাধ্যেমে সব অপশন ব্যবহার করতে পারবেন না, তবুও এটা মূল্যহীন নয়।

বুটস্ট্রাপ মুলত ডেভেলপার টার্গেট করে তৈরী করা হয়ে ছিল যারা ডিজাইনের দিকে সময় দিতে পারনে। তাই ডিজাইনাররা যদি অন্যান্য প্লাটফর্মের সম্পর্কে জানেন তবে বুটস্ট্রাপের উপর নির্ভর করা ঠিক নয়।

সবশেষে আমি বলব যে,

বুটস্ট্রাপ ব্যবহার করা উচিৎঃ
*** যদি আপনি নতুন কোন কিছু তৈরীর ক্ষেত্রে বুটস্ট্রাপ শিখতে চান
*** যদি আপনি বুটস্ট্রাপের সব অপশন ব্যবহার করতে চান জাভা স্ক্রিপ্ট সহ
*** যদি আপনার সাথে কাজ করার জন্য কোন ডিজাইনার না থাকে আর আপনি কোন রেডী ডিজাইন চান
*** যদি আপনি একটা রেস্পন্সিভ ডিজাইন চান আর না জানেন কিভাবে মিডিয়া কোয়ারিজ অ্যাড করতে হয়

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

এই টিউনটি প্রথম প্রকাশিত হয় টিউনারপ্রেসে (http://tunerpress.com/)

"শেষ পর্যন্ত সিদ্ধান্ত আপনার উপর"

আপনাদের সবার মঙ্গল কামনা করে আজকের মত এ পর্যন্তই। আবার কথা হবে অন্য কোন টিঊনে। সে পর্যন্ত ভালো থাকবেন সুস্থ থাকবেন আর প্রযুক্তির সাথেই থাকবেন।

আমিঃ
সাইদুর রহমান

যেকোন প্রয়োজনে-
মোবাইল- ০১৬৮৭ ৬৫২৫৫২ (প্রয়োজনে আমাকে ২৪ ঘন্টা পাবে, কিন্তু বিনা প্রয়োজনে বিরক্ত না করাটাই ভালো)