We use cookies
We use cookies and similar technologies to improve your experience, analyse traffic, and personalise content. You can accept all cookies or reject non-essential ones.
प्रतिभागी पोर्टल एक ऐसी वेबसाइट है जो आपकी अपनी है: आपके लिखे पृष्ठ, आपका सजाया मेन्यू, आपका लोगो, आपका डोमेन — और साइन-इन वाला हिस्सा आपके संगठन के अपने डेटा से जुड़ा हुआ। यह गाइड डिज़ाइन चरण को शुरू से आख़िर तक ले चलती है: पोर्टल बनाना, शुरुआती बिंदु चुनना, और फिर बाईं ओर के चारों पैनल — पृष्ठ, लेआउट, Components और Branding.
जिस सूची से आप आए हैं, वही आपके चलाए हर पोर्टल का घर है: नाम, स्थिति, पैनल डोमेन, संस्करण और अपडेट किया गया। आप कई पोर्टल साथ-साथ चला सकते हैं, हर एक अपने डोमेन पर।
पोर्टल ऐसे कस्टम डोमेन पर सर्व होता है जिसके मालिक आप हैं और जिसे आपने सत्यापित किया है। डोमेन के बिना भी आप पोर्टल बना और देख सकते हैं, पर प्रकाशित करने के लिए एक सक्रिय, मैप किया हुआ डोमेन चाहिए। देखें अपने Participant Portal के लिए कस्टम डोमेन सेट करना.
बिल्कुल नया पोर्टल टेम्पलेट चुनने वाली स्क्रीन खोलता है। यहाँ से आगे दो रास्ते हैं।
पोर्टल का वर्णन अपने शब्दों में करें — उसका मक़सद, आपको जो सार्वजनिक और निजी पृष्ठ चाहिए, और सामग्री — और AI एक पूरा बहु-पृष्ठ पोर्टल बना देता है जिसे आप बाद में सँवार सकते हैं। सबसे काम के प्रॉम्प्ट वही होते हैं जो बँटवारा साफ़-साफ़ बताते हैं, जैसे “सेवाओं, हमारी टीम और ऑनलाइन बुकिंग के लिए सार्वजनिक पृष्ठ; और अपॉइंटमेंट देखने तथा रिकवरी की प्रगति ट्रैक करने के लिए एक निजी रोगी क्षेत्र”। बॉक्स के नीचे शुरुआती प्रॉम्प्ट चिप रहते हैं; Generate with AI उसे चलाता है।
छह शुरुआती टेम्पलेट, श्रेणी के हिसाब से फ़िल्टर किए जा सकते हैं: Retailer Portal, Education Portal, Support Portal, Research Portal, Survey Analytics Portal और Blank Canvas। हर एक पृष्ठ, चलते-फिरते मेन्यू वाला एक लेआउट, और समझदारी से डेटा से जुड़े कंपोनेंट तैयार कर देता है। चुनने वाली स्क्रीन कभी भी दोबारा खोली जा सकती है — टेम्पलेट्स पृष्ठ पैनल में, या टेम्प्लेट बदलें टूलबार में।
एडिटर तीन चरणों वाला विज़ार्ड है — डिज़ाइन, पूर्वावलोकन, प्रकाशित करना। डिज़ाइन चरण के बाईं ओर चार आइकन टैब नीचे तक चलते हैं; कैनवास वही पृष्ठ दिखाता है जिसे आप संपादित कर रहे हैं; और किसी कंपोनेंट को चुनने पर दाईं ओर सेटिंग्स पैनल खुल जाता है। डेस्कटॉप और मोबाइल कैनवास के ऊपर उसकी चौड़ाई बदलते हैं।
यह पृष्ठ पैनल हर पृष्ठ को उसके लेआउट चिप, शीर्षक और slug के साथ सूचीबद्ध करता है। नया पृष्ठ ड्रॉअर खोलता है; पंक्ति के आइकन छिपाने, संपादित करने, क्लोन करने और हटाने का काम करते हैं।
| फ़ील्ड | यह क्या करता है |
|---|---|
| Page Title (पृष्ठ शीर्षक) | पृष्ठ का नाम — ब्राउज़र टैब, मेन्यू और डिफ़ॉल्ट सर्च शीर्षक। अनुवाद योग्य। |
| Slug (यूआरएल पथ) | URL का पथ; छोटे अक्षर, अंक, /, _, - और :। कोलन वाले हिस्से से बना slug — संकेत में दिखता है orders/:orderId — वह एक डायनामिक पृष्ठ है: एक ही परिभाषा, हर URL पर अलग रिकॉर्ड। |
| लेआउट | इस पृष्ठ को कौन-सा लेआउट घेरता है। कोई नहीं इसे बिना ढाँचे के दिखाता है। |
| Who can see this page (यह पृष्ठ कौन देख सकता है) | तीन एक्सेस स्तर, नीचे दिए गए हैं। |
| Landing page (लैंडिंग पृष्ठ) | इस पृष्ठ को इस पते पर जवाब देने वाला बनाता है: /। नीचे देखें। |
| Search appearance (सर्च में दिखावट) | केवल ग़ैर-निजी पृष्ठों पर: सर्च शीर्षक, सर्च विवरण, शेयर छवि, और एक Hide from search engines (सर्च इंजन से छिपाएँ) स्विच। |
तीन कार्ड। यह चुनाव तय करता है कि पृष्ठ इंटरनेट पर दिखेगा भी या नहीं।
“Only signed-in participants. Not reachable by search engines.” (केवल साइन इन किए हुए प्रतिभागी; सर्च इंजन तक नहीं पहुँचता।)
“Anyone on the internet, no sign-in. Server-rendered so search engines can index it.” (इंटरनेट पर कोई भी, बिना साइन इन के; सर्वर-रेंडर्ड, इसलिए सर्च इंजन इसे इंडेक्स कर सकते हैं।)
“Anyone can read it; signed-in participants see more. Appears in both menus.” (कोई भी पढ़ सकता है; साइन इन प्रतिभागियों को अधिक दिखता है; दोनों मेन्यू में आता है।)
हर श्रेणी के लिए एक लैंडिंग पृष्ठ होता है, हर पोर्टल के लिए एक नहीं। किसी निजी पृष्ठ पर चेकबॉक्स कहता है Default page after sign-in (साइन इन के बाद डिफ़ॉल्ट पृष्ठ); और किसी सार्वजनिक पृष्ठ पर, Default public page (डिफ़ॉल्ट सार्वजनिक पृष्ठ)। एक पर निशान लगाने से उसी श्रेणी का पिछला धारक बदलता है — इसलिए एक मार्केटिंग होम पृष्ठ और एक प्रतिभागी डैशबोर्ड, दोनों के पास /हो सकता है, हर एक अपने दर्शकों के लिए।
लेआउट पृष्ठ के चारों ओर का ढाँचा है — हेडर या साइडबार, फ़ुटर, और एक Page Content इंजेक्शन पॉइंट, जहाँ पृष्ठ के कंपोनेंट आकर बैठते हैं। नया इनके बारे में पूछता है — Layout Name (लेआउट का नाम) और Layout Structure (लेआउट की संरचना):
ज़्यादातर पोर्टल दो लेआउट पर आकर टिकते हैं — टॉप बार वाला एक सार्वजनिक और साइडबार वाला एक निजी। पृष्ठ अपना लेआउट पृष्ठ ड्रॉअर में चुनते हैं, इसलिए किसी पृष्ठ को एक से दूसरे में ले जाना पल भर का काम है।
अब कोई Navigation टैब नहीं है। मेन्यू अब एक nav कंटेनर है जिसे आप लेआउट में छोड़ते हैं, और उसके भीतर हर प्रविष्टि एक असली, चुनी जा सकने वाली लिंक है। पुराने पोर्टल अपने आप माइग्रेट कर दिए गए — लेआउट खोलिए, आपका मेन्यू वहीं है।
nav कंटेनर चुनिए और उसकी सेटिंग्स दो नॉब देती हैं:
| नॉब | मान | असर |
|---|---|---|
| Position (स्थिति) | Normal · Sticky · Fixed | “Sticky keeps the bar visible on scroll.” (Sticky स्क्रॉल करते समय बार को दिखता रखता है।) |
| On mobile (मोबाइल पर) | Stack · Menu button · Scroll sideways (स्टैक · मेन्यू बटन · बग़ल में स्क्रॉल) | “Stack and Scroll sideways keep this menu on phones with its mobile styles. Menu button hands phones to the app shell (top bar + drawer + bottom tabs) and hides this menu.” (Stack और Scroll sideways इस मेन्यू को फ़ोन पर उसकी मोबाइल स्टाइल के साथ बनाए रखते हैं; Menu button फ़ोन को ऐप शेल — टॉप बार, ड्रॉअर और नीचे के टैब — के हवाले कर देता है और इस मेन्यू को छिपा देता है।) |
जिस पृष्ठ को अनाम विज़िटर पढ़ सकते हैं, वहाँ सर्वर हर उस मेन्यू लिंक को हटा देता है जो किसी निजी पृष्ठ की ओर इशारा करता है — निजी पृष्ठ का लेबल क्रॉल होने योग्य पृष्ठ पर छपना ही नहीं चाहिए। ऐसा होने से पहले ही कैनवास आपको बता देता है: ऐसा लिंक धुँधला और छोटे ताले के साथ दिखता है, और उस पर टूलटिप आता है “Hidden for visitors who aren’t signed in: this menu is on a public page, and links to private pages are removed there. Link to Sign In or a public page.” (साइन इन न किए विज़िटर के लिए छिपा हुआ: यह मेन्यू किसी सार्वजनिक पृष्ठ पर है, और वहाँ निजी पृष्ठों के लिंक हटा दिए जाते हैं। Sign In या किसी सार्वजनिक पृष्ठ से लिंक करें।) लिंक एडिटर वही चेतावनी दिखाता है, साथ में एक-क्लिक वाला Use Sign In बटन।
लिंक एडिटर में चुनें Internal page (आंतरिक पृष्ठ) और फिर लें Sign In — यह आपके पृष्ठों के साथ ही सुझाया जाता है, और वहाँ निजी पृष्ठों पर चेतावनी-रंग का ताला लगा होता है। सार्वजनिक मेन्यू सिर्फ़ इसी ऐप रूट की ओर इशारा कर सकता है: “Register” लिंक डिज़ाइनर और पूर्वावलोकन में तो काम करता है, पर लाइव सार्वजनिक पृष्ठ पर हटा दिया जाता है, और वैसे भी साइन-इन स्क्रीन पर अपना रजिस्ट्रेशन लिंक होता ही है।
यह Components पैनल ही पैलेट है। किसी ब्लॉक को कैनवास पर खींचें या क्लिक करके जोड़ें; आप जो कुछ भी छोड़ते हैं उसके लिए दाईं ओर सेटिंग्स पैनल मिलता है। सामान्य टेक्स्ट, मीडिया और डिज़ाइन ब्लॉक के साथ-साथ — हेडिंग, पैराग्राफ़, चित्र, बटन, लिंक, सेक्शन, पंक्तियाँ, nav कंटेनर, डिवाइडर और स्पेसर — पोर्टल अपना अलग समूह भी जोड़ते हैं:
वह इंजेक्शन पॉइंट जहाँ पृष्ठ के कंपोनेंट रेंडर होते हैं। हर लेआउट में ठीक एक होना चाहिए।
एक समेकित संख्या — किसी एंटिटी पर गिनती, औसत या योग, साथ में वैकल्पिक फ़िल्टर। एक सेक्शन में तीन रखने से मेट्रिक की पंक्ति बन जाती है।
पेजिनेटेड टेबल, जिसमें कॉलम, सॉर्ट और पंक्ति-क्रियाएँ आप तय कर सकते हैं। इसका Heading (शीर्षक) नॉब H2, H3 या छिपा हुआ सेट करता है — H1 पृष्ठ के पास रहता है।
पूरा एक रिकॉर्ड, जो URL पैरामीटर से पढ़ा जाता है।
प्रतिभागी के अपने सबमिशन। सारांश मेट्रिक, सर्वेक्षण फ़िल्टर, और सर्वेक्षण, स्कोर, पास/फ़ेल तथा स्थिति कॉलम के लिए टॉगल।
सर्वश्रेष्ठ और औसत स्कोर का सारांश कार्ड, और पिछले प्रयासों का इतिहास।
प्रतिभागी का विवरण, वहीं संपादित किया जा सकता है। वैकल्पिक फ़ोन, परिचय और पैनल प्रकार।
आपके एनालिटिक्स विजेट, प्रतिभागी के अपने संदर्भ में।
इस प्रतिभागी को सौंपे गए सर्वेक्षण, कार्ड ग्रिड या टेबल के रूप में, और शुरू करने, दोबारा देने तथा परिणाम देखने के बटन, जिन्हें आप बदल सकते हैं।
प्रकाशित पोस्ट, कार्ड ग्रिड या सूची के रूप में, साथ में सॉर्ट, पेज आकार, पेजिनेशन शैली और एक Content Type (कंटेंट प्रकार).
पूरी एक पोस्ट: कवर, शीर्षक, मुख्य पाठ, तारीख़ और टैग, और सूची पर वापस ले जाने वाला क्रॉल होने योग्य लिंक।
सूची-और-विवरण का ढाँचा दो पृष्ठ और दो कंपोनेंट है। ऐसा पृष्ठ बनाएँ जिसका slug डायनामिक हो, जैसे orders/:orderId, उस पर रखें Data Detail और किसी Data List की पंक्ति-क्रिया को उसी slug की ओर इंगित करें। पंक्ति के रिकॉर्ड की id URL में आ जाती है और विवरण कंपोनेंट उसे पढ़ लेता है।
ब्लॉग भी इसी तरह काम करते हैं, पर slugके ज़रिए। सूची के Post Detail Page (पोस्ट विवरण पृष्ठ) को विवरण पृष्ठ के slug पर सेट करें (मान लीजिए blog/:postId) और विवरण ब्लॉक के Post फ़ील्ड को :postIdपर। फिर पोस्ट पढ़ने योग्य, क्रॉल होने योग्य पतों पर रहती हैं, जैसे /blog/post-surgical-shoulder-stiffness। अगर Post Detail Page खाली छोड़ दें, तो शीर्षक लिंक नहीं बनते और कोई पोस्ट क्रॉल होने योग्य नहीं रहती।
यह Branding पैनल के बारे में लिखा है “Shown on login, register, and landing pages” (लॉगिन, रजिस्टर और लैंडिंग पृष्ठों पर दिखता है), पर लोगो ख़ास तौर पर पूरे पोर्टल में इस्तेमाल होता है।
बाकी सब टूलबार में है। यह सेटिंग्स पॉपओवर में सामान्य सेटिंग्स, भाषा, Style (शैली), शेयरिंग, और — डोमेन मैप होने के बाद — पंजीकरण स्वतः स्वीकृत करेंभी रहते हैं: “बंद होने पर, नए पंजीकरण इस पोर्टल तक पहुँचने से पहले किसी व्यवस्थापक की स्वीकृति की प्रतीक्षा करते हैं।”
हर टेक्स्ट फ़ील्ड उसी भाषा का पालन करता है जो टूलबार में दिखती है — संपादन भाषा; नई भाषाएँ यहाँ जोड़ें — भाषाएं प्रबंधित करें — और जो स्ट्रिंग अनुवादित नहीं हैं वे डिफ़ॉल्ट भाषा पर लौट आती हैं। बदलाव अपने आप सहेजे जाते हैं, और संस्करण इतिहास हर सहेजी गई स्थिति रखता है — तुलना करें किसी एक की मौजूदा ड्राफ़्ट से, फिर पुनर्स्थापित करें उसे।
किसी और से पहले पूरा पोर्टल खुद घूम लें: अपने पोर्टल का पूर्वावलोकन और परीक्षण करना। संतुष्ट हो जाएँ, तो आगे बढ़ें अपना प्रतिभागी पोर्टल प्रकाशित और लॉन्च करना.