एक पृष्ठ का HTML मूल ढांचा और लेआउट समायोजित करें

नए पृष्ठ का मानक लेआउट

एक नए बनाए गए पृष्ठ में ब्लूट्रॉनिक्स सीएमएस स्वचालित रूप से मानक लेआउट का उपयोग करता है। यह लेआउट वह एचटीएमएल ढांचा बनाता है, जिसमें आपकी वेबसाइट की सामग्री प्रदर्शित होती है।

मानक लेआउट के माध्यम से स्वचालित रूप से एक हेडर और एक फूटर जोड़ा जाता है। अन्य तत्व जैसे कि चैटबॉट-बटन भी इस ढांचे का हिस्सा हो सकते हैं।

यदि आप कुछ तत्व नहीं दिखाना चाहते या अपने तत्वों को मानक रूप से लेआउट में एकीकृत करना चाहते हैं, तो आप एचटीएमएल ढांचे को अनुकूलित कर सकते हैं।

HTML मूल ढांचे को खोलें

लेआउट ⯈ लेआउट-एचटीएमएल खोलें।

वहां आपको मौजूदा एचटीएमएल ढांचे या लेआउट परिभाषाएँ मिलेंगी।

पहला प्रविष्टि मानक लेआउट है। इस लेआउट का उपयोग नए एचटीएमएल पृष्ठों के लिए मानक रूप से किया जाता है।

मानक लेआउट का निर्माण

<!DOCTYPE html>
<html class="wide wow-animation" data-bs-theme="__DB_GB_HTMLDarkMode__" lang="__DB_WebSiteLang__">
<head>
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
   __DB_HeadTitle__
   <link rel="icon" href="/img/favicon.ico" type="image/x-icon">
   <script src="__FV_/bx_script/BxHeadScript_own_min.js__"></script>
   <link rel="stylesheet" href="__FV_/bx_style/BxStyle_own_min.css__">
</head>
<body>

__DB_Layout_/bx_Header.html__

<main>
   __DB_Layout_Main__
</main>

__DB_Layout_/bx_Footer.html__

<script src="__FV_/bx_script/BxScript_own_min.js__"></script>
</body>
</html>

मानक लेआउट में अन्य बातों के अलावा स्वचालित रूप से हेडर और फूटर जोड़ा जाता है।

आपकी एचटीएमएल पृष्ठ की वास्तविक सामग्री मुख्य क्षेत्र में या __DB_Layout_Main__ मार्क के भीतर डाली जाती है।

इसके अलावा, ब्लूट्रॉनिक्स सीएमएस स्वचालित रूप से विभिन्न मान और मार्क सेट करता है। इनमें बूटस्ट्रैप का डार्क मोड, भाषा और वेबसाइट का शीर्षक शामिल हैं।

इसके अलावा, आवश्यक ब्लूट्रॉनिक्स स्क्रिप्ट स्वचालित रूप से निष्पादित होती हैं।

सिंगल पेज लेआउट

मानक लेआउट के अलावा सिंगल पेज लेआउट भी उपलब्ध है।

यह लेआउट सामान्य मानक लेआउट से भिन्न है। यहां चैट-बटन और कुकी ट्रिगर छिपे हो सकते हैं।

इससे आप विशिष्ट पृष्ठों के लिए एक अलग ढांचा उपयोग कर सकते हैं, बिना अन्य सभी पृष्ठों के मानक लेआउट को बदले।

अपना खुद का लेआउट बनाएं

आप अलावा अपने खुद के लेआउट प्रविष्टियां बना सकते हैं और अपने एचटीएमएल ढांचे को परिभाषित कर सकते हैं।

इस उदाहरण में, हम परीक्षण-लेआउट नामक एक अपना लेआउट प्रविष्टि बनाएंगे।

इस लेआउट के भीतर, आप यह निर्धारित कर सकते हैं कि एक पृष्ठ पर कौन से तत्व मानक रूप से जोड़े जाने चाहिए।

एक पृष्ठ के लिए लेआउट का चयन करें

परिभाषित लेआउट को आप बाद में सीधे एक एचटीएमएल पृष्ठ को असाइन कर सकते हैं।

इसके लिए संपादक खोलें और पृष्ठ सेटिंग्स पर जाएं।

लेआउट चयन पर टैप करें। वहां आपको मौजूदा लेआउट परिभाषाएँ दिखाई देंगी।

स्वयं बनाए गए लेआउट जैसे परीक्षण-लेआउट भी वहां चयन के लिए उपलब्ध होंगे.

एक पृष्ठ का लेआउट बदलें

वांछित लेआउट का चयन करें और फिर सहेजें पर टैप करें।

पृष्ठ इसके बाद चयनित लेआउट ढांचे का उपयोग करेगा।

इस तरह आप विभिन्न पृष्ठों के लिए विभिन्न ढांचे का उपयोग कर सकते हैं और उदाहरण के लिए, यह तय कर सकते हैं कि प्रत्येक पृष्ठ पर कौन-से सामान्य तत्व दिखाए जाएंगे।

सारांश

लेआउट bluetronix CMS में एक पृष्ठ के मूल HTML ढांचे को निर्धारित करता है। नए पृष्ठ प्रारंभ में मानक लेआउट का उपयोग करते हैं।

लेआउट ⯈ लेआउट-एचटीएमएल पर जाकर आप उपलब्ध लेआउट देख सकते हैं और अपने स्वयं के लेआउट परिभाषाएँ बना सकते हैं। इसके बाद आप पृष्ठ सेटिंग्स ⯈ लेआउट के माध्यम से इच्छित लेआउट चुन सकते हैं और सहेजें के साथ लागू कर सकते हैं।