বিল্ডার-এর অনেক সেকশনে চারটি মৌলিক ব্লক পাওয়া যায়: গ্রুপ, টেক্সট, বাটন ও ডিভাইডার। এগুলো দিয়ে কোড ছাড়াই লেআউট তৈরি করা যায়। কোনো ব্লকের সেটিংস খুলতে সেটি সিলেক্ট করুন।
গ্রুপ
একটি কন্টেইনার যা অন্য ব্লক ধরে রাখে এবং সেগুলো উপর-নিচে বা পাশাপাশি সাজায়, এর নিজস্ব প্রস্থ, ফাঁকা, রং, বর্ডার ও ওভারলেসহ। পুরো গাইড: কনটেন্ট পাশাপাশি বা কলামে রাখতে গ্রুপ ব্লক কীভাবে ব্যবহার করব?।
টেক্সট ও ডিভাইডার
টেক্সটে থাকে হেডিং ও অনুচ্ছেদ, প্রিসেট, সাইজ, লাইনের উচ্চতা ও অক্ষরের ব্যবধানসহ। ডিভাইডার কনটেন্ট আলাদা করার একটি লাইন, যা আড়াআড়ি গ্রুপের ভেতরে লম্বালম্বি হয়ে যায়। দুটোই ব্লক ও পূর্ণ সেকশন হিসেবে কাজ করে। পুরো গাইড: টেক্সট, ছবি ও ডিভাইডার সেকশন এবং ব্লক কীভাবে ব্যবহার করব?।
বাটন
ক্রেতাকে কিছু করতে বলার একটি বাটন, পাওয়া যায় হিরো, স্লাইডশোর স্লাইড, 404 পেজ, ধন্যবাদ পেজ এবং এগুলোর ভেতরের গ্রুপে।
- লেবেল: বাটনের লেখা।
- লিংকের ধরন: URL (একটি পেজ বা ওয়েবসাইট), ইমেইল (একটি ইমেইল খোলে), ফোন (কল শুরু করে) বা অ্যাংকর (একই পেজের একটি সেকশনে স্ক্রল করে)। তারপর লিংক পূরণ করুন, যেমন
https://example.com/products/your-link। - স্টাইল: প্রধান, সেকেন্ডারি বা লিংক (সাধারণ টেক্সট লিংক)। রং আসে কালার স্কিমের বাটনের রং থেকে।
- ডেস্কটপ প্রস্থ ও মোবাইল প্রস্থ: লেখার সাথে ফিট, অথবা শতাংশে কাস্টম প্রস্থ সহ কাস্টম।
সাধারণ সমস্যা
- বাটনের রং ভুল দেখাচ্ছে: কালার স্কিমে প্রধান বা সেকেন্ডারি বাটনের রং বদলান। দেখুন কালার স্কিম।
- দুটি বাটন পাশাপাশি রাখতে চান: সেগুলো আড়াআড়ি সেট করা একটি গ্রুপে রাখুন।
- লেখা ভুল রঙে: এটি অন্য স্কিমের একটি প্যারেন্টকে অনুসরণ করছে। প্যারেন্টের কালার স্কিম ব্যবহার করুন বন্ধ করে যে স্কিম চান তা বেছে নিন।