Page Builder Sandwich: লেআউট এবং ডিজাইন সিস্টেম, ২ এর ১ অংশ

এটি যা করে

• Flexbox এবং CSS Grid কন্টেইনার — সম্পূর্ণ flex এবং grid নিয়ন্ত্রণসহ সেকশন ও কন্টেইনার, যার মধ্যে রয়েছে একটি ভিজ্যুয়াল গ্রিড এডিটর: কলাম এবং সারি নির্ধারণ করতে টেনে আনুন।
• তিনটি অন্তর্নির্মিত ব্রেকপয়েন্ট — ডেস্কটপ, ট্যাবলেট এবং মোবাইলের জন্য পৃথক সেটিংস, যা সরাসরি প্রিভিউ করা যায়।
• গ্লোবাল রঙ এবং ফন্ট, আপনার থিমের সাথে শেয়ার করা — সাইট-জুড়ে রঙ এবং টাইপোগ্রাফি যা থিমের সেটিংস (theme.json) থেকে পড়ে এবং তাতে লেখে, ফলে বিল্ডার এবং থিম সবসময় সামঞ্জস্যপূর্ণ থাকে।
• এলিমেন্ট এবং সাইটের মধ্যে শৈলী কপি এবং পেস্ট করুন — কোনো এলিমেন্টের শৈলী বা সম্পূর্ণ সেকশন কপি করুন এবং অন্য পেজে বা অন্য ওয়েবসাইটে পেস্ট করুন।
• আপনার প্যালেটের রঙের শেড এবং অস্বচ্ছতা (OKLCH) — কালার পিকারের মধ্যেই সরাসরি যেকোনো প্যালেটের রঙ হালকা, গাঢ় বা স্বচ্ছ করুন। OKLCH-এ মিশ্রিত হওয়ায় রঙের আভা সঠিক থাকে, প্যালেটের রঙের সাথে সংযুক্ত থাকে এবং পুরনো ব্রাউজারগুলোর জন্য একটি সাধারণ রঙের ফলব্যাক থাকে।
• স্টাইল বিল্ডারে শর্তসমূহ (media, container এবং supports at-রুল) — শুধুমাত্র প্রিন্ট করার সময়, ডার্ক কালার স্কিমে, হ্রাসকৃত মোশনে অথবা মাউস ডিভাইসে কোনো এলিমেন্ট স্টাইল করুন; ডেভেলপাররা pbsw_style_at_rules পিএইচপি ফিল্টারের মাধ্যমে তাদের নিজস্ব media, container এবং supports প্রিসেট যুক্ত করতে পারেন।
• সারি এবং কলামসহ প্রতিটি ব্লকে ট্রান্সফর্ম অপশন — প্রতি স্ক্রিন সাইজ এবং হোভারে যেকোনো ব্লক ঘোরান, স্কেল করুন, স্কিউ করুন এবং সরান; ডান-থেকে-বাম ভাষার ক্ষেত্রে সরানোটি পড়ার দিক অনুসরণ করে।
• গ্রুপ এবং পুনরাবৃত্তিযোগ্য ব্লকের জন্য ডিফল্ট আইটেম শৈলী — একটি সারি, সেকশন, অ্যাকর্ডিয়ন বা ট্যাবের প্রতিটি আইটেমকে একসাথে, প্রতি স্ক্রিন সাইজ এবং হোভারে স্টাইল করুন; কোনো আইটেমের নিজস্ব মান তবুও প্রাধান্য পাবে।
• আপনার সারি এবং সেকশনগুলোর নাম দিন — যেকোনো সারি, সেকশন বা কন্টেইনারকে তার সেটিংস থেকে একটি লেবেল ("Pricing", "Hero") দিন; লেবেলটি ক্যানভাসে এবং Layers-এ সারির উপর প্রদর্শিত হয়, যাতে দীর্ঘ পেজে সহজে পথ খুঁজে পাওয়া যায়। এটি কখনোই পেজে প্রদর্শিত বা প্রিন্ট হয় না।

Free নাকি Pro

এখানে থাকা সবকিছুই বিনামূল্যের সংস্করণে অন্তর্ভুক্ত রয়েছে।