সেখানে বহু পেজ বিল্ডার রয়েছে, এবং আপনি হয়তো নিজেকে জিজ্ঞেস করছেন: Page Builder Sandwich-এ বিশেষ কী আছে? আপনার হাতে ইতিমধ্যে একটি থাকলে এটি ব্যবহার করার ঝামেলা কেনই বা নেবেন?
এই নিবন্ধে, আমি Page Builder Sandwich-এর কয়েকটি মূল বৈশিষ্ট্যের তালিকা তুলে ধরব যা এটিকে অনন্য করে তোলে এবং বিষয়বস্তু নির্মাতা ও ডিজাইনার উভয়ের জন্যই অত্যন্ত প্রয়োজনীয় করে তোলে। আপনি যদি না জানেন যে পেজ বিল্ডার কী এবং কেন এটি আপনার প্রয়োজন, চিন্তা করবেন না, আমাদের এমন কিছু তথ্য রয়েছে যা আপনাকে সাহায্য করতে পারে।
1. আপনি কেবল আপনার কনটেন্টের ভিজ্যুয়াল রূপই দেখতে পাবেন না, আপনি আপনার আসল কনটেন্ট দেখতে ও সম্পাদনা করতে পারবেন
অন্যান্য পেজ বিল্ডারগুলোতে আপনি কেবল এমন অংশগুলো দেখতে পান যা আপনার কনটেন্টকে উপস্থাপন করে। আপনি মূলত ব্লক এবং আয়তাকার আকারের সাহায্যে আপনার কনটেন্টের লেআউট তৈরি করেন, এবং ফলাফলটি আপনার পেজে কনটেন্টগুলো শেষ পর্যন্ত দেখতে কেমন হবে তার একটি কাঠামোর মতো দেখায়। এর ফলে ফলাফল কেমন হবে তা দেখতে বারবার প্রিভিউ বাটনে ক্লিক করতে হয়।
Page Builder Sandwich-এর মাধ্যমে, সমস্ত সম্পাদনা আপনার সাইটের ফ্রন্ট-এন্ডেই সম্পন্ন হয় এবং আপনি সরাসরি আপনার কনটেন্ট সম্পাদনা করেন সত্যিকার “হোয়াট-ইউ-সি-ইজ-হোয়াট-ইউ-গেট” অভিজ্ঞতার জন্য।
2. বিরক্তিকর সব পপআপ ডায়ালগ ছাড়াই দ্রুত ও সহজে সরাসরি সম্পাদনা
পপআপ পেজ বিল্ডারগুলোর একটি অবিচ্ছেদ্য অংশ হয়ে দাঁড়িয়েছে। বেশিরভাগ ক্ষেত্রে, আপনি যদি আপনার লেআউটে কিছু সম্পাদনা করতে চান—তা হেডিং, বাটন লেবেল বা কোনো ছোট ট্যাগলাইন টেক্সট যাই হোক না কেন—আপনাকে প্রথমে একটি পপআপ ডায়ালগ খোলার জন্য অপেক্ষা করতে হয় এবং এর ভেতরে পরিবর্তনগুলো করতে হয়।
আমরা Page Builder Sandwich-এ পপআপের ব্যবহার সার্বিকভাবে হ্রাস করাকে আমাদের লক্ষ্য হিসেবে নির্ধারণ করেছি। পপআপ সরিয়ে ফেলার মাধ্যমে যেকোনো কনটেন্ট সম্পাদনা আগের চেয়ে সহজ ও সাবলীল করা হয়েছে।
সম্পাদনার কাজ অত্যন্ত সরাসরি পদ্ধতিতে সম্পন্ন হয় – আপনার কার্সার রাখতে টেক্সটের উপর ক্লিক করুন এবং টাইপ করা শুরু করুন। সম্পাদনা শুরু করার জন্য আপনাকে আর TinyMCE এডিটর সংবলিত পপআপ ডায়ালগের জন্য অপেক্ষা করতে হবে না। এর সেরা অংশটি হলো, আপনি এখনও আপনার কনটেন্ট ড্র্যাগ অ্যান্ড ড্রপ করতে পারেন।
ঝামেলামুক্ত সম্পাদনায় সাহায্যকারী আরেকটি উদ্ভাবন হলো সর্বদা উপস্থিত ইন্সপেক্টর। ইন্সপেক্টর আপনার টুলবক্স এবং প্রোপার্টিজ এডিটর হিসেবে কাজ করে। আপনার কনটেন্ট ফরম্যাট করার টুলগুলো: টেক্সটের রঙ, হেডিং, ফন্টের আকার সমন্বয়, মার্জিন, প্যাডিং, বর্ডার, ব্লককোট এবং আরও অনেক কিছু সহজেই একটি ক্লিকেই পাওয়া যায়।
3. ওয়ার্ডপ্রেসের কার্যকারিতার পুনঃব্যবহার
অন্যান্য পেজ বিল্ডারে আমরা আরেকটি বিষয় লক্ষ্য করেছি যে, তারা প্রায়শই নতুন করে চাকা আবিষ্কারের চেষ্টা করে। কেউ কেউ নিজস্ব কালার পিকার, ইমেজ আপলোডার, গ্যালারি ক্রিয়েটর এবং বিভিন্ন অন্যান্য টুল তৈরি করে। এতে নিজস্ব কোনো দোষ নেই, তবে ওয়ার্ডপ্রেস কোড স্নিপেটের এক বিশাল ভান্ডার, তাহলে সেগুলো কেন ব্যবহার করবেন না?
ওয়ার্ডপ্রেস একটি বিশাল ও চমৎকার প্ল্যাটফর্ম এবং এতে অসংখ্য অসাধারণ অবদানকারীদের তৈরি অনেক দারুণ টুল রয়েছে। Page Builder Sandwich যথাসম্ভব সেই সমস্ত কার্যকারিতা ব্যবহার করে যা ইতিমধ্যে ওয়ার্ডপ্রেসের সাথেই আসে।
আমাদের নিজস্ব কালার পিকার ব্যবহারের পরিবর্তে, আমরা Iris কালার পিকার ব্যবহার করি। নিজস্ব ইমেজ আপলোডারের পরিবর্তে, আমরা মিডিয়া ম্যানেজার ব্যবহার করি। এছাড়াও আরও কিছু চমৎকার স্ক্রিপ্ট হিসেবে backbonejs, underscorejs, wp.hooks এবং wp.shortcode-এর নাম বলা যায়। আমরা এগুলোর সবকটিই ব্যবহার করি, যা আমাদের কাজকে সহজ করেছে এবং এর ফলে কোডবেসও আরও স্থিতিশীল হয়েছে।
ওয়ার্ডপ্রেসের কার্যকারিতা পুনঃব্যবহার করার ফলে দারুণ কিছু চমকও তৈরি হয়েছে। উদাহরণস্বরূপ, যেহেতু আমরা ছবি যুক্ত করার জন্য মিডিয়া ম্যানেজার ব্যবহার করেছি, তাই এটি একটি সুখকর চমক ছিল যে আমরা এখন তাৎক্ষণিকভাবে ওয়ার্ডপ্রেস গ্যালারি, ভিডিও এবং অডিও প্লেলিস্ট এবং রিমোট ইউআরএল-ও পরিচালনা করতে পারছি। আমরা ইমেজ এডিটিং করার জন্যও মিডিয়া ম্যানেজার ব্যবহার করতে পেরেছি, যা ঘণ্টার পর ঘণ্টা অপ্রয়োজনীয় ডেভেলপমেন্টের ঝামেলা দূর করেছে।
4. কীবোর্ড নেভিগেশন এবং শর্টকাট
অন্যান্য পেজ বিল্ডারে মাউস হলো আপনার বন্ধু। আপনি এটি দিয়ে জিনিসপত্র ড্র্যাগ অ্যান্ড ড্রপ করেন এবং সম্পাদনা করতে ডাবল ক্লিক করেন। কিন্তু কীবোর্ডকে প্রায়ই উপেক্ষা করা হয়।
উদাহরণস্বরূপ, কিছু বিল্ডারে আপনি যেখানে সম্পাদনা করছেন তার এক অনুচ্ছেদ/সেকশন উপরের টেক্সট সহজে সম্পাদনা করতে পারেন না, কারণ আপনাকে একটি পপআপ ডায়ালগ থেকে বেরিয়ে এসে নতুন একটিতে ক্লিক করতে হবে। Page Builder Sandwich-এ আপনি আপনার কীবোর্ড দিয়ে নেভিগেট করতে পারবেন। কনটেন্টের মধ্যে চলাচলের জন্য অ্যারো কীগুলো চাপুন, অন্য কোনো সারি বা কলামের ভেতরে কনটেন্ট থাকলেও এটি কাজ করে।
আরেকটি গুরুত্বপূর্ণ বৈশিষ্ট্য হলো আনডু (undo) এবং রিডু (redo) কীবোর্ড শর্টকাট। শুরুতে এগুলোকে খুব বড় কিছু মনে নাও হতে পারে, তবে এটি ভেবে দেখুন: আপনি যদি দুর্ঘটনাবশত আপনার কনটেন্ট ভুল কোনো স্থানে ড্র্যাগ অ্যান্ড ড্রপ করে ফেলেন তখন কী হবে? কিছু পেজ বিল্ডারে আপনাকে এটিকে আবার টেনে আগের অবস্থানে ফিরিয়ে নিতে হবে। Page Builder Sandwich-এ আনডু এবং রিডু উভয়ই কাজ করে। সুতরাং আপনি যা টাইপ করেছেন তা পরিবর্তন করতে চান, কিংবা আপনার ড্র্যাগ করা কনটেন্ট (বা একাধিক ড্র্যাগ করা কনটেন্ট) পূর্বাবস্থায় ফিরিয়ে আনতে চান, শুধু আনডু বা রিডু চাপুন। ড্র্যাগ অ্যান্ড ড্রপ করা কনটেন্টের ক্ষেত্রে এবং এমনকি ফন্টের আকার ও সারি প্যাডিংয়ের মতো প্রোপার্টি পরিবর্তনের ক্ষেত্রেও আনডু এবং রিডু কাজ করে। এটি এগুলোকে আপনার সম্পাদনার অস্ত্রাগারে শক্তিশালী হাতিয়ার করে তোলে।
5. একটি সত্যিকারের ফ্রন্ট-এন্ড পেজ বিল্ডার – আরও আরামদায়ক ও ঝামেলামুক্ত সম্পাদনার অভিজ্ঞতা
ডেভেলপমেন্টের সময় আমাদের মানসিকতা ছিল যে, ফ্রন্ট-এন্ডে সম্পাদনা করার সময় এমন মনে হওয়া উচিত নয় যে আপনি এখনও ব্যাক-এন্ড টুল ব্যবহার করে সম্পাদনা করছেন। এমন মনে হওয়া উচিত নয় যে বিল্ডারটি প্রাথমিকভাবে ব্যাক-এন্ডের জন্য তৈরি করা হয়েছিল এবং পরবর্তীতে ফ্রন্ট-এন্ডে রূপান্তর করা হয়েছে।
সর্বোপরি, আমার কাছে Page Builder Sandwich-এর প্রধান স্বাতন্ত্র্য হলো আমরা এটিকে একটি “আসল” ফ্রন্ট-এন্ড পেজ বিল্ডার তৈরির লক্ষ্য নিয়ে গড়ে তুলেছি – ফ্রন্ট-এন্ড সম্পাদনা কেমন হওয়া উচিত তার একটি নতুন রূপরেখা।