बिल्डर के कई सेक्शन में चार बुनियादी ब्लॉक मिलते हैं: ग्रुप, टेक्स्ट, बटन और डिवाइडर। इनसे मिलकर आप बिना कोड के लेआउट बना सकते हैं। किसी ब्लॉक की सेटिंग्स खोलने के लिए उसे चुनें।
ग्रुप
एक कंटेनर जो दूसरे ब्लॉक को अपने अंदर रखता है और उन्हें एक के नीचे एक या साथ-साथ व्यवस्थित करता है, अपनी चौड़ाई, गैप, रंग, बॉर्डर और ओवरले के साथ। पूरी गाइड: ग्रुप ब्लॉक से कंटेंट को साथ-साथ या कॉलम में कैसे रखें?।
टेक्स्ट और डिवाइडर
टेक्स्ट में हेडिंग और पैराग्राफ़ होते हैं, प्रीसेट, साइज़, लाइन की ऊँचाई और अक्षरों के बीच की दूरी के साथ। डिवाइडर एक लाइन है जो कंटेंट को अलग करती है, और हॉरिज़ॉन्टल ग्रुप के अंदर वर्टिकल हो जाती है। दोनों ब्लॉक और पूरे सेक्शन, दोनों रूपों में काम करते हैं। पूरी गाइड: टेक्स्ट, इमेज और डिवाइडर सेक्शन और ब्लॉक कैसे इस्तेमाल करें?।
बटन
एक कॉल टू एक्शन, जो हीरो, स्लाइडशो की स्लाइड, 404 पेज, धन्यवाद पेज, और उनके अंदर के ग्रुप में मिलता है।
- लेबल: बटन का टेक्स्ट।
- लिंक का टाइप: URL (कोई पेज या वेबसाइट), ईमेल (ईमेल खोलता है), फ़ोन (कॉल शुरू करता है), या एंकर (उसी पेज के किसी सेक्शन तक स्क्रॉल करता है)। फिर लिंक भरें, जैसे
https://example.com/products/your-link। - स्टाइल: प्राइमरी, सेकंडरी या लिंक (सादा टेक्स्ट लिंक)। रंग कलर स्कीम के बटन रंगों से आते हैं।
- डेस्कटॉप चौड़ाई और मोबाइल चौड़ाई: टेक्स्ट के हिसाब से फ़िट, या प्रतिशत में कस्टम चौड़ाई के साथ कस्टम।
आम समस्याएँ
- बटन के रंग गलत दिखते हैं: कलर स्कीम में प्राइमरी या सेकंडरी बटन के रंग बदलें। देखें कलर स्कीम।
- दो बटन साथ-साथ होने चाहिए: उन्हें हॉरिज़ॉन्टल पर सेट किए गए ग्रुप में रखें।
- टेक्स्ट गलत रंग में है: यह किसी दूसरी स्कीम वाले पैरेंट के हिसाब से चल रहा है। पैरेंट की कलर स्कीम इस्तेमाल करें बंद करें और अपनी पसंद की स्कीम चुनें।