আপনি যদি একজন একনিষ্ঠ ব্লগার হন এবং আপনার সমস্ত কনটেন্ট তৈরির কাজ কেবল মাঝে মাঝে প্রাসঙ্গিক ছবিসহ পূর্ণাঙ্গ নিবন্ধ লেখার মধ্যেই সীমাবদ্ধ থাকে, তবে সম্ভবত বিদ্যমান TinyMCE কনটেন্ট এডিটরটিই আপনার প্রয়োজনের জন্য যথেষ্ট। বর্তমান টুলসেটে নিবন্ধ লেখার জন্য প্রয়োজনীয় টুলগুলো ইতিমধ্যেই রয়েছে, আপনার কাছে বোল্ড, ইটালিক, হেডিংস ইত্যাদির মতো মৌলিক টেক্সট ফরম্যাটিং টুল রয়েছে। কিন্তু এটুকুই।
সহজ কোনো লেআউট তৈরির সুবিধা নেই
বর্তমান TinyMCE কনটেন্ট এডিটর দিয়ে আপনি নিবন্ধ লিখতে পারলেও, শুধুমাত্র একটি একক চলমান টেক্সট কলাম ছাড়া আপনার কনটেন্টের লেআউট সাজানোর মতো ভালো কোনো উপায় নেই। এতে সরাসরি টেক্সটকে দুই বা ততোধিক কলামে সাজানো যায় না, কিংবা ভিন্ন ব্যাকগ্রাউন্ড রঙ দিয়ে কনটেন্টকে আলাদা অংশে বিভক্ত করা যায় না। আপনি যদি আপনার ওয়েবসাইটের অন্যান্য বিভাগ যেমন ল্যান্ডিং পেজ এবং কন্টাক্ট পেজগুলোকে অনন্য করতে চান, তবে আপনার মৌলিক কোনো ধরনের লেআউট তৈরির সুবিধার প্রয়োজন হবে।
অন্যরা ওয়ার্ডপ্রেসের শর্টকোড ফিচার ব্যবহার করে এই সমস্যা সমাধানের চেষ্টা করেছেন। সংক্ষেপে বলতে গেলে, শর্টকোড বিশেষ ট্যাগ ব্যবহারের মাধ্যমে কোডের অংশ সন্নিবেশ করার সুবিধা দেয়। এমন কিছু ওয়ার্ডপ্রেস প্লাগইন রয়েছে যা বিভিন্ন শর্টকোড প্রদান করে, যেগুলো ব্যবহার করে আপনি কলামযুক্ত কনটেন্ট তৈরি করতে পারেন। উদাহরণস্বরূপ, আপনি যদি আপনার কনটেন্টকে দুই কলামের লেআউটে রাখতে চান, তবে আপনি একাধিক কলাম ট্যাগ দিয়ে আপনার কনটেন্টকে ঘিরে রাখতে পারেন। যদিও এই পদ্ধতিটি “কাজ করে”, তবে এটি দৃষ্টিবান্ধব নয় কারণ ধীরে ধীরে আরও বেশি কনটেন্ট যুক্ত করতে থাকলে সবকিছুই একটি বিশাল বিশৃঙ্খল স্তূপের মতো দেখাবে।
লেআউট তৈরির এই শূন্যতা পূরণ করতেই পেজ বিল্ডার তৈরি করা হয়েছিল।
পেজ বিল্ডার লেআউটযুক্ত কনটেন্ট তৈরি সহজ করে তোলে
পেজ বিল্ডার আপনাকে এমন কিছু অতিরিক্ত টুল প্রদান করে যা আপনার কনটেন্টকে অনন্য লেআউটে সাজানো সহজ করে তোলে। পেজ বিল্ডারগুলো সাধারণত ব্যাক-এন্ড TinyMCE কনটেন্ট এডিটরটি সরিয়ে ফেলে এবং সেটিকে প্রতিস্থাপন করে (অথবা যুক্ত করে) একটি নতুন এডিটর দেয় যা আপনার কনটেন্টকে দৃশ্যমানভাবে কল্পনা করতে সাহায্য করে। আপনি যদি আগে কখনো ব্যাক-এন্ড পেজ বিল্ডার ব্যবহার না করে থাকেন, তবে একগুচ্ছ ব্লকের কথা কল্পনা করুন যেখানে প্রতিটি ব্লক এক একটি ধরনের কনটেন্টকে উপস্থাপন করে: যেমন একটি ছবি, টেক্সট, বা একটি শর্টকোড। এরপর এটি আপনাকে সেগুলোকে বিভিন্ন লেআউট এবং কলামে ড্র্যাগ অ্যান্ড ড্রপ করার সুযোগ দেয়।
লেআউটিং ছাড়াও, পেজ বিল্ডার শর্টকোড তৈরি এবং বসানোর কাজটিকে আরও সহজ করে তোলে। আগে আপনি শর্টকোডগুলোকে তাদের সম্পূর্ণ মূল রূপেই দেখতে পেতেন। আপনি আপনার কনটেন্টের সাথে মিশে থাকা সমস্ত অ্যাট্রিবিউট এবং মানসহ থার্ড ব্র্যাকেট দেখতে পেতেন। পেজ বিল্ডারগুলো সাধারণত শর্টকোড ক্রিয়েটর যুক্ত করে—যা মূলত পপআপ ডায়ালগ, যা শুধুমাত্র টাইপ করার চেয়ে শর্টকোড অ্যাট্রিবিউট নির্বাচন করাকে আরও বেশি ব্যবহারকারী-বান্ধব করে তোলে।
ফ্রন্ট-এন্ড পেজ বিল্ডারই হলো ভবিষ্যৎ
ডিজাইনার এবং কনটেন্ট ক্রিয়েটরদের জন্য এই সবকিছু একটি উন্নত অভিজ্ঞতা হলেও, ব্যাক-এন্ড পেজ বিল্ডারের একটি নিজস্ব বড় সমস্যা রয়েছে। যদিও আপনার কনটেন্ট কেমন দেখাবে তার একটি দৃশ্যমান রূপ আপনি দেখতে পান, তবুও আপনি যা দেখছেন তা কিন্তু আপনার প্রকৃত কনটেন্ট নয়। এর ফলে ব্যবহারকারীদের বারবার তাদের পেজের প্রিভিউ দেখতে হয় যে তারা যা করছেন তা সঠিক হচ্ছে কিনা। ব্যাক-এন্ড পেজ বিল্ডার ব্যবহার করার সময়, আমার কনটেন্ট সঠিকভাবে অ্যালাইন করা হয়েছে কিনা বা মার্জিনগুলো সমানভাবে বিন্যস্ত হয়েছে কিনা তা পরীক্ষা করতেই আমি ব্যক্তিগতভাবে অন্তত ২০ বার প্রিভিউ বাটনে ক্লিক করি। এটি অত্যন্ত সময়সাপেক্ষ এবং বিরক্তিকর একটি বিষয়।
এই অসুবিধা দূর করতে, পেজ বিল্ডারকে ফ্রন্ট-এন্ডে নিয়ে আসা উচিত। এটি করা হলে পেজ লেআউটিংয়ের ক্ষেত্রে অনুমানের ওপর নির্ভরতা দূর হবে, কারণ আপনি তাৎক্ষণিকভাবে আপনার ফলাফল দেখতে পাবেন।
বর্তমানে প্রচুর ব্যাক-এন্ড পেজ বিল্ডার রয়েছে এবং ফ্রন্ট-এন্ড পেজ বিল্ডারের সংখ্যা হাতে গোনা কয়েকটি মাত্র। সেই হাতে গোনা কয়েকটির মধ্যে একটি হলো Page Builder Sandwich। Page Builder Sandwich-কে কী অনন্য করে তুলেছে এবং কেন এটি আপনার জন্য সঠিক টুল সে সম্পর্কে আরও জানতে কীভাবে Page Builder Sandwich অন্যদের থেকে আলাদা.