ज्ञानकोष

Page Builder Sandwich: लेआउट और डिज़ाइन सिस्टम

लेआउट और डिज़ाइन सिस्टम के लिए Page Builder Sandwich क्या करता है, और इसमें से क्या मुफ़्त है।

यह क्या करता है

  • Flexbox और CSS Grid कंटेनर — पूर्ण flex और grid नियंत्रणों के साथ अनुभाग और कंटेनर, जिसमें एक विज़ुअल ग्रिड संपादक शामिल है: कॉलम और पंक्तियाँ सेट करने के लिए खींचें।
  • तीन अंतर्निहित ब्रेकपॉइंट — डेस्कटॉप, टैबलेट और मोबाइल के लिए अलग-अलग सेटिंग्स, जिनका लाइव पूर्वावलोकन किया जा सकता है।
  • ग्लोबल रंग और फ़ॉन्ट, आपकी थीम के साथ साझा — साइट-व्यापी रंग और टाइपोग्राफी जो थीम की सेटिंग्स (theme.json) से पढ़ते हैं और उनमें लिखते हैं, ताकि बिल्डर और थीम हमेशा मेल खाते रहें।
  • तत्वों और साइटों के बीच शैलियों को कॉपी और पेस्ट करें — किसी तत्व की शैली, या पूरे अनुभाग को कॉपी करें, और इसे किसी अन्य पृष्ठ या किसी अन्य वेबसाइट में पेस्ट करें।
  • आपके पैलेट रंगों के शेड्स और अपारदर्शिता (OKLCH) — रंग चयनकर्ता में ही किसी भी पैलेट रंग को हल्का, गहरा या पारदर्शी बनाएं। OKLCH में मिश्रित ताकि रंगत सही रहे, फिर भी पैलेट रंग से जुड़ी रहे, पुराने ब्राउज़रों के लिए सादे रंग के फ़ॉलबैक के साथ।
  • शैली बिल्डर में शर्तें (media, container और supports at-rules) — किसी तत्व को केवल प्रिंट करते समय, डार्क रंग योजना में, कम गति के साथ या माउस उपकरणों पर स्टाइल करें; डेवलपर्स pbsw_style_at_rules PHP फ़िल्टर के साथ अपने स्वयं के media, container और supports प्रीसेट जोड़ते हैं।
  • कस्टम ब्रेकपॉइंट (Pro) — अपने स्वयं के स्क्रीन आकार जोड़ें (बड़ा डेस्कटॉप, छोटा फ़ोन, लैंडस्केप टैबलेट)।
  • ग्लोबल क्लासेस और CSS वेरिएबल्स (Pro) — प्रो बिल्डरों की तरह एक क्लास मैनेजर: एक बार स्टाइल करें, हर जगह पुन: उपयोग करें, इसे एक ही स्थान पर बदलें।
  • डिज़ाइन टोकन: स्पेसिंग, रेडियस और शैडो स्केल (Pro) — पूरी साइट पर सुसंगत स्पेसिंग और स्टाइल प्रीसेट।
  • प्रति तत्व और प्रति पृष्ठ कस्टम CSS (Pro) — उन लोगों के लिए जो सिंटैक्स हाइलाइटिंग के साथ अपना स्वयं का CSS लिखना चाहते हैं।
  • आपकी वेबसाइट के लिए डार्क मोड (Pro) — अपनी साइट के रंगों का एक हल्का और गहरा संस्करण बनाएं; विज़िटर स्विच कर सकते हैं या अपने डिवाइस की सेटिंग का पालन कर सकते हैं।
  • ब्रांड किट (Pro) — अपना लोगो, रंग, फ़ॉन्ट और आवाज़ का लहज़ा एक बार सहेजें; AI और टेम्पलेट स्वचालित रूप से उनका उपयोग करते हैं।
  • ग्लोबल क्लासेस और डिज़ाइन टोकन के लिए श्रेणियाँ (Pro) — क्लासेस, स्केल चरणों और वेरिएबल्स को अपनी श्रेणियों में समूहीकृत करें, उनके द्वारा सूचियों को फ़िल्टर करें, और संपादक में श्रेणी के अनुसार क्लासेस और प्रीसेट चुनें।
  • अपने डिज़ाइन सिस्टम को आयात और निर्यात करें (Pro) — अपनी श्रेणियों, ग्लोबल क्लासेस, वेरिएबल्स, स्केल और कस्टम रंगों को एक JSON फ़ाइल के रूप में डाउनलोड करें और इसे किसी अन्य साइट में आयात करें: मान्य और संस्करणित, मर्ज करें या बदलें, कुछ भी लिखे जाने से पहले क्या बदलता है इसके पूर्वावलोकन के साथ।

नि:शुल्क या प्रो

(Pro) के रूप में चिह्नित सुविधा के लिए Pro लाइसेंस की आवश्यकता होती है; (Agency plan) के लिए Agency प्लान आवश्यक है। बाकी सब कुछ नि:शुल्क संस्करण में शामिल है।

ब्लॉग से नवीनतम

होस्टिंग, एसईओ और बड़े पैमाने पर साइटों को चलाने के बारे में हमने जो लिखा है।

होस्टिंग लेयर से एसईओ और लिंक बिल्डिंग: 2026 ऑपरेटर का दृष्टिकोण

2026 में होस्टिंग कैसे इंडेक्सिंग और लिंक इक्विटी को आकार देती है: पेजों को इंडेक्स में बनाए रखना, उन पर निर्माण करने से पहले पुराने डोमेन की जांच करना, बिना सर्च फ़ुटप्रिंट के लिंक बनाना, और बुनियादी ढांचा एसईओ के लिए क्या कर सकता है और क्या नहीं, इस पर एक ईमानदार दृष्टिकोण।

पोस्ट पढ़ें →

WordPress को तेज़ और सुरक्षित बनाना: परफ़ॉर्मेंस और प्लगइन चेकलिस्ट

तेज़ और सुरक्षित WordPress के लिए एक व्यावहारिक चेकलिस्ट: सर्वर-स्तरीय कैशिंग, प्रति-साइट ऑब्जेक्ट कैश, उपयोग करने लायक कुछ चुनिंदा प्लगइन्स, स्टैक को अद्यतित रखना, और WooCommerce के वे पृष्ठ जिन्हें आपको कभी भी कैश नहीं करना चाहिए।

पोस्ट पढ़ें →

2026 में प्रबंधित वेब होस्टिंग कैसे चुनें: एक खरीदार की मार्गदर्शिका

एक कंट्रोल पैनल वाले सस्ते बॉक्स से अच्छे प्रबंधित होस्टिंग को वास्तव में क्या अलग करता है — माइग्रेशन, बैकअप, आइसोलेशन, वास्तविक कैशिंग और ईमानदार स्केलिंग — और इससे पहले कि आप कोई निर्णय लें, इसका आकलन कैसे करें।

पोस्ट पढ़ें →

ब्लॉग पढ़ें →

क्या अब भी समस्या आ रही है?

हर प्लान में सहायता शामिल है, हेल्प डेस्क दिन के 24 घंटे खुली रहती है, और आप हमारी किसी भी 58 भाषाओं में हमें लिख सकते हैं — हम आपकी ही भाषा में आपको जवाब देते हैं।

सहायता से संपर्क करें → सभी लेख →