बिल्डिंग ब्लॉक¶
आप अपनी वेबसाइट को बिल्डिंग ब्लॉक्स को ड्रैग और ड्रॉप करके डिज़ाइन कर सकते हैं, फिर अपने कॉन्टेंट और लेआउट की ज़रूरतों के मुताबिक उन्हें एडिट करके।
बिल्डिंग ब्लॉक जोड़ें¶
किसी वेबसाइट पेज पर ब्लॉक जोड़ने के लिए, पेज पर ऐक्सेस करें, एडिट पर क्लिक करें, फिर मनचाहे बिल्डिंग ब्लॉक को सही जगह पर ड्रैग और ड्रॉप करें। दो तरह के बिल्डिंग ब्लॉक उपलब्ध हैं: कैटेगरी और इनर कॉन्टेंट। इनर कॉन्टेंट बिल्डिंग ब्लॉक सिर्फ़ कैटेगरी बिल्डिंग ब्लॉक के अंदर ही जोड़े जा सकते हैं।
किसी कैटगरी ब्लॉक पर क्लिक करने पर एक पॉपअप दिखाई देता है, जो आपको हर कैटगरी के लिए कई टेम्प्लेट में से सेलेक्ट करने की अनुमति देता है।
सलाह
आप सर्च बार का इस्तेमाल करके Insert a block पॉपअप में किसी विशेष ब्लॉक को भी खोज सकते हैं।
कैटेगरी ब्लॉक रखने के बाद, आप उसके अंदर इनर कॉन्टेंट ब्लॉक ड्रैग और ड्रॉप कर सकते हैं। इनर कॉन्टेंट ब्लॉक आपको पहले से मौजूद कैटेगरी ब्लॉक में वीडियो, इमेज, सोशल मीडिया बटन वगैरह जैसे एलिमेंट जोड़ने की सुविधा देते हैं।
टिप्पणी
कुछ ब्लॉक तक पहुंच के लिए उनकी संबंधित ऐप्लिकेशन या मॉड्यूल की इंस्टॉलेशन की ज़रूरत होती है (जैसे, प्रॉडक्ट ब्लॉक के लिए ई-कॉमर्स)।
Example
अपने सभी सोशल मीडिया अकाउंट एक जगह इनर कॉन्टेंट सोशल मीडिया ब्लॉक से जोड़ें। मनचाहे प्लेटफ़ॉर्म के आगे स्विच ऑन या ऑफ़ करें और अपना अकाउंट यूआरएल कॉपी/पेस्ट करें।
फार्म¶
The Form block is used to collect information from website visitors and create records in your database, if applicable. To add a form to a website page, drag and drop the Contact & Forms category, then select the Form block.
कार्रवाई¶
डिफ़ॉल्ट रूप से, जब फ़ॉर्म सबमिट किया जाता है, तो विज़िटर द्वारा दर्ज की गई जानकारी वाला एक ईमेल ऑटोमैटिकली भेजा जाता है। आपके डेटाबेस पर इंस्टॉल किए गए ऐप्लिकेशन के आधार पर, अतिरिक्त ऐक्शन उपलब्ध हो सकते हैं जो ऑटोमैटिकली रिकॉर्ड बना सकते हैं। कोई दूसरा ऐक्शन चुनने के लिए, बदलाव करें पर क्लिक करें, फ़ॉर्म पर क्लिक करें, कस्टमाइज़ टैब पर जाएं, और इच्छित ऐक्शन को सेलेक्ट करें:
जॉब के लिए अप्लाई करें (रिक्रूटमेंट)
ग्राहक बनाएं (ई-कॉमर्स)
टिकट बनाएं (हेल्पडेस्क)
अवसर बनाएं (सीआरएम)
न्यूज़लेटर सब्सक्राइब करें (ईमेल मार्केटिंग)
टास्क बनाएं (प्रोजेक्ट)
डिफ़ॉल्ट रूप से, फ़ॉर्म सबमिट करने पर विज़िटर्स को धन्यवाद पेज पर रीडायरेक्ट किया जाता है। उन्हें किसी दूसरे पेज पर भेजने के लिए यूआरएल फ़ीलड का इस्तेमाल करें। वैकल्पिक रूप से, आप रीडायरेक्ट न करने और उन्हें फ़ॉर्म के पेज पर ही रखने के लिए ऑन सक्सेस फ़ीलड में नथिंग या शो मैसेज सिलेक्ट कर सकते हैं।
फ़ील्ड¶
फ़ॉर्म में नया फ़ील्ड जोड़ने के लिए, कस्टमाइज़ टैब पर जाएं और फ़ॉर्म या फ़ील्ड सेक्शन के आगे + Field बटन पर क्लिक करें। फ़ॉर्म पर नए (या किसी अन्य) फ़ील्ड को बदलने के लिए, फ़ील्ड को सेलेक्ट करें, फिर कस्टमाइज़ टैब के फ़ील्ड सेक्शन में उपलब्ध ऑप्शन का इस्तेमाल करें। उदाहरण के लिए, आप:
फ़ीलड का टाइप बदलें।
सलाह
डेटाबेस से किसी मौजूदा फ़ीलड को सिलेक्ट करना और उसमें मौजूद डेटा का इस्तेमाल करना भी संभव है। उपलब्ध फ़ीलड सिलेक्ट किए गए ऐक्शन पर निर्भर करते हैं। डेटाबेस में जोड़ी गई प्रॉपर्टी फ़ीलड का भी इस्तेमाल किया जा सकता है।
कुछ फ़ीलड देखने में एक जैसी होती हैं, लेकिन दर्ज किया गया डेटा किसी खास फ़ॉर्मैट में होना चाहिए।
फ़ीलड के लेबल को बदलाव करें और उसकी Position को एडजस्ट करें।
फ़ील्ड डिस्क्रिप्शन को एनेबल करें। इसे बदलने के लिए फ़ॉर्म पर डिफ़ॉल्ट डिस्क्रिप्शन पर क्लिक करें।
प्लेसहोल्डर या डिफ़ॉल्ट वैल्यू जोड़ें।
बताएं कि क्या फ़ीलड Required है।
फ़ीलड की विज़िबिलिटी सेटिंग को बदलाव करें।
एनिमेशन जोड़ें।
जब आप वांछित बदलाव कर लें, तो सेव करें पर क्लिक करें।
गैर-Odoo वेबसाइट पर Odoo संपर्क फ़ॉर्म जोड़ें¶
आप iframe का उपयोग करके किसी अन्य वेबसाइट पर Odoo संपर्क फ़ॉर्म प्रदर्शित कर सकते हैं। ऐसा करने के लिए, इन चरणों का पालन करें:
Odoo फ़ॉर्म तैयार करें: Odoo Website में एक पेज पर संपर्क फ़ॉर्म बनाएं और header design और footer design को हटाएं। सुनिश्चित करें कि पेज पर केवल संपर्क फ़ॉर्म रहे।
एम्बेड करने योग्य कोड जनरेट करें: Odoo फ़ॉर्म पेज का यूआरएल कॉपी करें और इसे iframe जनरेटर में पेस्ट करें, जैसे La Digitale.dev या iFrame Generator। उचित प्रदर्शन के लिए चौड़ाई और ऊंचाई को समायोजित करें।
गैर-Odoo वेबसाइट में एम्बेडेड कोड जोड़ें: संबंधित पेज का एचटीएमएल खोलें (कोड एडिटर या सीएमएस में) और एम्बेडेड कोड को वहां डालें जहां फ़ॉर्म प्रदर्शित होना चाहिए।
Example
एम्बेडेड कोड का उदाहरण:
<iframe src="https://example.com/odoo-form"
style="border:0;"
name="odooForm"
scrolling="no"
frameborder="0"
marginheight="0"
marginwidth="0"
height="400px"
width="600px"
allowfullscreen>
</iframe>
कोड एम्बेड करें¶
कोड एम्बेड करने से आप थर्ड-पार्टी सर्विस के कॉन्टेंट को पेज में इंटीग्रेट कर सकते हैं, जैसे YouTube से वीडियो, Google Maps से मैप, Instagram से सोशल मीडिया पोस्ट, आदि।
किसी पेज पर ब्लॉक जोड़ने के बाद, ब्लॉक पर क्लिक करें, फिर कस्टमाइज़ टैब पर जाएं और बदलाव करें पर क्लिक करें। प्लेसहोल्डर कोड को अपने कस्टम एम्बेड कोड से बदलें।
चेतावनी
जिस कोड को आप समझते नहीं हैं उसे कॉपी/पेस्ट न करें, क्योंकि यह आपके डेटा को जोखिम में डाल सकता है।
बिल्डिंग ब्लॉक को मूव, स्विच या मिटाएं¶
ब्लॉक के ऊपर या नीचे की जगह को कम या बढ़ाने के लिए ब्लॉक पर फ़िरोज़ी बॉर्डर को खींचें।
(chevron up) या (chevron down) पर क्लिक करके ब्लॉक का ऑर्डर बदलें और (arrows) पर क्लिक करके ब्लॉक को पेज पर मूव करें। जब आपके पास एकाधिक कॉलम हों, तो (chevron left) या (chevron right) पर क्लिक करके किसी कॉलम को बाएं या दाएं मूव करें।
ब्लॉक को मिटाने के लिए, (ट्रैश) पर क्लिक करें।
सलाह
(एक्सचेंज) पर क्लिक करके ब्लॉक कैटगरी को तुरंत बदलें।
बिल्डिंग ब्लॉक को बदलाव करें¶
बिल्डिंग ब्लॉक के कॉन्टेंट को बदलने के लिए, उस पर क्लिक करें और कस्टमाइज़ टैब पर जाएं। उपलब्ध कस्टमाइज़ेशन ऑप्शन सेलेक्ट किए गए ब्लॉक के टाइप के आधार पर अलग-अलग होते हैं।
यह भी देखें
इतिहास¶
बिल्डिंग ब्लॉक के बैकग्राउंड को बदलने के लिए, ब्लॉक को सेलेक्ट करें, कस्टमाइज़ टैब पर जाएं, और कलर डॉट या कोई अन्य बैकग्राउंड ऑप्शन पर क्लिक करें। आप कलर बदल सकते हैं और/या इमेज, वीडियो, और/या शेप जोड़ सकते हैं। एक बार जब आप शेप सेलेक्ट कर लेते हैं, तो शेप को कस्टमाइज़ करने की अनुमति देने के लिए नई फ़ील्ड दिखाई देती हैं।
सलाह
Send to back या Bring to front आइकॉन का उपयोग करके किसी एलिमेंट (इमेज, टेक्स्ट, आदि) को दूसरे एलिमेंट के पीछे या सामने पोज़िशन करें।
ब्लॉक को रिसाइज़ करने के लिए, उसके किनारों के चारों ओर मौजूद डॉट्स को क्लिक करें और ड्रैग करें ताकि उसे आवश्यकतानुसार एडजस्ट किया जा सके।
यह भी देखें
लेआउट: ग्रिड और कॉलम¶
ज़्यादातर बिल्डिंग ब्लॉक के लिए, आप दो लेआउट स्टाइल में से चुन सकते हैं: ग्रिड या कॉलम (cols)। डिफ़ॉल्ट लेआउट स्टाइल बदलने के लिए, ब्लॉक पर क्लिक करें, कस्टमाइज़ टैब पर जाएं, और लेआउट फ़ील्ड को ग्रिड या Cols पर सेट करें।
ग्रिड¶
ग्रिड लेआउट आपको एलिमेंट्स जैसे इमेज या टेक्स्ट को ड्रैग और ड्रॉप करके रीपोज़िशन और रिसाइज़ करने की अनुमति देता है। जब ग्रिड सेलेक्ट किया जाता है, तो इमेज, टेक्स्ट, या बटन पर क्लिक करके एलिमेंट्स जोड़ने के लिए अतिरिक्त ऑप्शन उपलब्ध होते हैं।
कॉल्स¶
Cols लेआउट चुनने से आप ब्लॉक के भीतर प्रति लाइन एलिमेंट की संख्या निर्धारित कर सकते हैं। ऐसा करने के लिए, बदलने के लिए ब्लॉक को सेलेक्ट करें, Cols फ़ील्ड के आगे ड्रॉपडाउन पर क्लिक करें, और संख्या एडजस्ट करें। फिर आप कस्टमाइज़ टैब के कॉलम सेक्शन में ऑप्शन का इस्तेमाल करके किसी विशेष कॉलम की सेटिंग बदल सकते हैं।
टिप्पणी
डिफ़ॉल्ट रूप से, मोबाइल डिवाइस पर, प्रति लाइन केवल एक एलिमेंट (कॉलम) विज़िबल होता है ताकि यह सुनिश्चित हो सके कि छोटी स्क्रीन पर कॉन्टेंट आसानी से पढ़ने योग्य और एक्सेसिबल रहे। वैल्यू एडजस्ट करने के लिए, वेबसाइट एडिटर के टॉप पर (मोबाइल आइकॉन) पर क्लिक करें और कॉलम की संख्या एडैप्ट करें। शेप्स डिफ़ॉल्ट रूप से मोबाइल पर हिडन होते हैं।
बिल्डिंग ब्लॉक को डुप्लीकेट करें¶
To duplicate a building block, click the (duplicate) icon at the top of the Customize tab. Once duplicated, the new block appears on the page beneath the original one.
कस्टम बिल्डिंग ब्लॉक सेव करें¶
You can save a customized building block to reuse it elsewhere. To do so, select it, navigate to the Customize tab, and click the (floppy disk) icon. Click the Save and reload button in the popup to confirm saving your custom block.
पेज पर सेव किए गए बिल्डिंग ब्लॉक को जोड़ने के लिए, ब्लॉक्स टैब पर नेविगेट करें और कैटेगरी सेक्शन से कस्टम ब्लॉक को ड्रैग और ड्रॉप करें। खुलने वाले पॉपअप में, कस्टम कैटेगरी में डिज़ायर्ड ब्लॉक पर क्लिक करें।
सलाह
इन्सर्ट अ ब्लॉक पॉपअप में, कस्टम ब्लॉक को रीनेम करने के लिए (बदलाव करें) पर क्लिक करें या इसे मिटाने के लिए (मिटाएं) पर क्लिक करें।
एंकर लिंक बनाएं¶
एंकर लिंक्स हाइपरलिंक्स होते हैं जो यूज़र्स को पेज के स्पेसिफिक सेक्शन पर डायरेक्ट करते हैं। किसी ब्लॉक के लिए एंकर लिंक बनाने के लिए, इन स्टेप्स को फ़ॉलो करें:
बदलाव करें पर क्लिक करें और जिस ब्लॉक को लिंक करना है उसे सेलेक्ट करें।
Click (link) at the top of the Customize tab.
डिफ़ॉल्ट एंकर नाम बदलने के लिए, खुलने वाले ग्रीन पॉपअप मैसेज में बदलाव करें पर क्लिक करें।
एंकर नाम को रिप्लेस करें और सेव करें और कॉपी करें पर क्लिक करें।
एंकर सेव हो जाने के बाद, आप अपनी वेबसाइट पर कहीं से भी इससे लिंक कर सकते हैं।