CMS: डायनामिक आइटम पेज जोड़ना और सेटअप करना
18 मिनट
बड़ी संख्या में पेज तुरंत बनाने के लिए डायनेमिक आइटम पेजों का उपयोग करें, जहाँ हर पेज आपके CMS कलेक्शन के एक अलग आइटम को दर्शाता है। डायनेमिक पेज एक टेम्पलेट के रूप में काम करता है, जिसमें हर कलेक्शन आइटम को अपना यूनिक वर्जन और वेब एड्रेस मिलता है। आप अपने डायनेमिक पेजों को व्यवस्थित रखने और यह सुनिश्चित करने के लिए कि प्रत्येक आइटम को एक यूनिक URL मिले, उनके URL स्लग स्ट्रक्चर को कस्टमाइज़ कर सकते हैं।
अपना डायनेमिक आइटम पेज बनाकर शुरुआत करें, फिर एलिमेंट्स को जोड़कर और अरेंज करके उसका लेआउट डिज़ाइन करें। पेज एलिमेंट्स, जैसे टेक्स्ट और इमेज को बिल्ट-इन डेटासेट के माध्यम से अपने कलेक्शन फील्ड्स से कनेक्ट करें। इसके परिणामस्वरूप, पेज का प्रत्येक आइटम का यूनिक वर्जन उस आइटम के कलेक्शन फील्ड्स का कंटेंट दिखाता है।
हम आपके कलेक्शन के डायनेमिक आइटम पेजों को एक dynamic list page के साथ जोड़ने की सलाह देते हैं जो रिपीटर, गैलरी या टेबल में आपके आइटम का कैटलॉग दिखाता है। जब विजिटर्स डायनेमिक लिस्ट पेज पर किसी आइटम पर क्लिक करते हैं, तो यह उन्हें डायनेमिक आइटम पेज पर ले जाता है जहाँ वे आइटम के बारे में डिटेल्स देख सकते हैं।
शुरू करने से पहले:
एक CMS कलेक्शन बनाएं जिसमें वे आइटम शामिल हों जो इस डायनामिक आइटम पेज के अपने वर्जन में दिखाई देंगे।
स्टेप 1 | डायनामिक आइटम पेज जोड़ें
अपने एडिटर में CMS पैनल से अपने कलेक्शन के लिए एक डायनामिक आइटम पेज बनाएं। यह वह पेज जोड़ता है जो प्रत्येक आइटम के यूनिक वर्जन के लिए एक टेम्पलेट के रूप में काम करता है। हर वर्जन एक ही डायनामिक आइटम पेज को शेयर करेगा और आइटम के आधार पर बस डिटेल्स बदल दी जाएंगी।
Wix एडिटर
स्टूडियो एडिटर
- अपने एडिटर पर जाएँ।
- एडिटर के बाईं ओर CMS
पर क्लिक करें। - Your Collections पर क्लिक करें।
- संबंधित कलेक्शन पर होवर करें और More Actions आइकन
पर क्लिक करें। - Add dynamic page पर क्लिक करें।
- आइटम पेज चुनें और साइट में जोड़ें पर क्लिक करें।
टिप: एक ही समय में कलेक्शन के लिए डायनामिक लिस्ट पेज जोड़ने के लिए लिस्ट पेज को भी चुनें।
स्टेप 2 | (ऑप्शनल) URL स्लग स्ट्रक्चर को मॉडिफाई करें
आप अपने डायनामिक पेजों के वेब एड्रेस को तय करने वाले URL स्लग स्ट्रक्चर को एडिट करना चाह सकते हैं। इससे आप URL को अपने कस्टम तरीके से व्यवस्थित और स्ट्रक्चर्ड रख सकते हैं।
उदाहरण के लिए, आप अपने डायनामिक पेजों के लिए निम्नलिखित URL स्लग स्ट्रक्चर बना सकते हैं:
- डायनामिक लिस्ट पेज: https://www.{your-domain.com}/{collection-name}
- डायनामिक कैटेगरी पेज: https://www.{your-domain.com}/{collection-name}/{category}
- डायनामिक आइटम पेज: https://www.{your-domain.com}/{collection-name}/{category}/{primary-field}
अपने डायनामिक आइटम पेज के लिए ऐसा URL स्लग स्ट्रक्चर बनाना सुनिश्चित करें जिससे हर आइटम का एक यूनिक URL हो। यूनिक URL के बिना, किसी आइटम का डायनामिक आइटम पेज का अपना वर्जन नहीं हो सकता। यूनिक डायनामिक पेज URL बनाने के बारे में और जानें।
URL स्लग स्ट्रक्चर को एडिट करते समय, ध्यान रखें कि वह स्ट्रक्चर आपकी साइट के अन्य मौजूदा पेजों द्वारा पहले से उपयोग में न हो। यूनिक होने के लिए, URL स्लग स्ट्रक्चर का प्रिफिक्स (prefix) समान नहीं हो सकता और उसमें वेरिएबल्स की संख्या भी उतनी ही नहीं हो सकती जितनी आपकी साइट के किसी अन्य पेज की है, भले ही वेरिएबल्स अलग-अलग हों।
मुझे ऐसे कॉन्फ्लिक्टिंग URL स्लग स्ट्रक्चर का उदाहरण दिखाएं जिनका इस्तेमाल नहीं किया जा सकता
जरूरी:
यदि आप चाहते हैं कि पुराने URL ऑटोमैटिक रूप से उन नए URL पर रिडायरेक्ट हो जाएं जिन्हें आप वेरिएबल्स जोड़कर बनाते हैं, तो सुनिश्चित करें कि आपकी साइट पर पहले से एक कनेक्टेड डोमेन हो। यदि आपकी साइट पर डोमेन कनेक्टेड नहीं है, तो पुराने URL काम नहीं करेंगे और इसके बजाय 404 एरर पेज लोड होंगे।
अपने डायनामिक आइटम पेज के URL स्लग स्ट्रक्चर को एडिट करने के लिए:
Wix एडिटर
स्टूडियो एडिटर
- अपने एडिटर पर जाएँ।
- एडिटर के बाईं ओर Pages & Menu
पर क्लिक करें। - Dynamic Pages पर क्लिक करें।
- अभी बनाए गए डायनेमिक आइटम पेज पर होवर करें और दाईं ओर More Actions आइकन
पर क्लिक करें।
टिप: डिफ़ॉल्ट रूप से, आपके द्वारा बनाए गए डायनेमिक आइटम पेज का टाइटल यह होता है: {Collection Name} (Item) - SEO पर क्लिक करें।
- URL slug structure फ़ील्ड को एडिट करें:
- URL slug structure फ़ील्ड के बगल में Edit पर क्लिक करें और चुनें कि आप क्या करना चाहते हैं:
- Add Variable: + Add Variable पर क्लिक करें और URL slug structure में इसकी वैल्यू का उपयोग करने के लिए 'Text' या 'Number' फ़ील्ड चुनें।
- स्टैटिक वैल्यू जोड़ें या एडिट करें: फ़ील्ड पर क्लिक करें और वे स्टैटिक वैल्यू दर्ज करें जिन्हें आप URL slug structure में उपयोग करना चाहते हैं या मौजूदा वैल्यू को एडिट करें। केवल अक्षरों, नंबरों या डैश का उपयोग करें।
टिप: आप URL slug में नॉन-लैटिन कैरेक्टर्स जोड़ सकते हैं।
- Save पर क्लिक करें।
- URL slug structure फ़ील्ड के बगल में Edit पर क्लिक करें और चुनें कि आप क्या करना चाहते हैं:
- बदलावों को कन्फर्म करने के लिए Replace URLs पर क्लिक करें। डायनेमिक पेज के पिछले URLs डिलीट हो जाएंगे और अब काम नहीं करेंगे। इसके बजाय, डायनेमिक पेज के लिए नए URLs जेनरेट किए जाएंगे।
स्टेप 3 | पेज एलिमेंट्स को CMS से कनेक्ट करें
डिफ़ॉल्ट रूप से, आपके नए डायनेमिक आइटम पेज में टेक्स्ट और इमेज जैसे एलिमेंट्स शामिल होते हैं, जो आपके CMS कलेक्शन फील्ड्स से ऑटोमैटिकली कनेक्ट हो जाते हैं।
अपने डायनेमिक आइटम पेज में वे एलिमेंट्स जोड़ें और अरेंज करें जिन्हें आप शामिल करना चाहते हैं। फिर अगर आप चाहते हैं कि एलिमेंट्स आइटम के आधार पर डायनेमिक रूप से बदलें, तो उन्हें डेटासेट के अंदर अपने CMS कलेक्शन फील्ड्स से कनेक्ट करें। अगर आप चाहते हैं कि उनका कंटेंट हर वर्जन में एक जैसा रहे, तो एलिमेंट्स को CMS से डिस्कनेक्ट रहने दें।
आपके पास डिफ़ॉल्ट "Previous" और "Next" बटन भी होने चाहिए जो विजिटर्स को डेटासेट द्वारा दिखाए गए पिछले या अगले आइटम पर ऑटोमैटिकली ले जाते हैं। आप एक एक्स्ट्रा "Back" बटन को कलेक्शन के डायनेमिक लिस्ट पेज या किसी दूसरी लोकेशन से लिंक कर सकते हैं जहाँ आपके आइटम्स लिस्टेड हों।
Wix एडिटर
स्टूडियो एडिटर
- (ऑप्शनल) अपने पेज पर एलिमेंट्स जोड़ें (जैसे बटन, टेक्स्ट, इमेज) या उन एलिमेंट्स को हटा दें जिनकी आपको ज़रूरत नहीं है।
- अपने पेज के एलिमेंट्स को अपने CMS कलेक्शन से कनेक्ट करें:
टिप:
सपोर्टेड एलिमेंट्स के लिए CMS कनेक्शन ऑप्शन्स के बारे में और जानें।
बैक बटन
पर क्लिक करें। 
पर क्लिक करें और संबंधित लिंकिंग ऑप्शन चुनें।
टेक्स्ट एलिमेंट्स
इमेज
पिछला / अगला बटन
3. Preview पर क्लिक करें और प्रिव्यू टूलबार का इस्तेमाल करके यह टेस्ट करें कि हर आइटम कैसा दिखता है।
टिप:
आप जिस कलेक्शन आइटम को देख रहे हैं, उसे एडिट करने के लिए प्रिव्यू टूलबार पर Edit item पर क्लिक करें।
4. अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।
अक्सर पूछे जाने वाले सवाल (FAQs)
डायनेमिक आइटम पेजों को सेटअप करने के बारे में और जानने के लिए नीचे दिए गए किसी सवाल पर क्लिक करें।
डेटासेट (dataset) क्या है?
क्या मैं अपने साइट मेनू को स्पेसिफिक डायनेमिक आइटम पेज URLs से लिंक कर सकता हूँ?
क्या मैं एक डायनेमिक आइटम पेज पर कई इमेज और वीडियो दिखा सकता हूँ?
URL स्लग स्ट्रक्चर में वेरिएबल फील्ड जोड़ना क्यों ज़रूरी है?
क्या मैं ऐसे डायनेमिक पेज बना सकता हूँ जो कैटेगरी के अनुसार आइटम लिस्ट करते हों?
क्या मैं इमेज में ऐसा टूलटिप जोड़ सकता हूँ जो विजिटर्स के इमेज पर होवर करने पर दिखाई दे?