Wix हेल्प
घर
आर्टिकल लाइब्रेरी
वेबसाइट बनाना
उन्नत विशेषताएँ
CMS
डायनैमिक पेज और CMS के साथ काम करना

CMS: डायनामिक आइटम पेज जोड़ना और सेट अप करना

18 मिनट
बड़ी संख्या में पेज तुरंत बनाने के लिए डायनामिक आइटम पेज का इस्तेमाल करें। हर पेज आपके CMS कलेक्शन के किसी अलग आइटम को दिखाता है। डायनामिक पेज एक टेम्पलेट की तरह काम करता है, जिससे हर कलेक्शन आइटम का अपना खास वर्जन और वेब एड्रेस बनता है। अपने डायनामिक पेज व्यवस्थित रखने और हर आइटम को एक खास URL देने के लिए, आप उनके URL स्लग स्ट्रक्चर को कस्टमाइज कर सकते हैं।

सबसे पहले अपना डायनामिक आइटम पेज बनाएं। फिर एलिमेंट जोड़कर और व्यवस्थित करके उसका लेआउट डिजाइन करें। बिल्ट-इन डेटासेट की मदद से टेक्स्ट और इमेज जैसे पेज एलिमेंट को अपने कलेक्शन फ़ील्ड से कनेक्ट करें। ऐसा करने से हर आइटम के पेज वर्जन पर उसके कलेक्शन फ़ील्ड का कॉन्टेंट दिखाई देता है।

हमारा सुझाव है कि अपने कलेक्शन के डायनामिक आइटम पेज को ऐसे डायनामिक लिस्ट पेज के साथ इस्तेमाल करें, जो आपके आइटम का कैटलॉग किसी रिपीटर, गैलरी या तालिका में दिखाता हो। जब विजिटर डायनामिक लिस्ट पेज पर किसी आइटम पर क्लिक करते हैं, तो वे डायनामिक आइटम पेज पर पहुंचते हैं, जहां वे उस आइटम की डिटेल देख सकते हैं।
ध्यान दें:
शुरू करने से पहले:
ऐसा CMS कलेक्शन बनाएं जिसमें वे आइटम शामिल हों जिन्हें इस डायनामिक आइटम पेज के अपने-अपने वर्जन पर दिखाया जाएगा।

स्टेप 1 | डायनामिक आइटम पेज जोड़ें

एडिटर के CMS पैनल से अपने कलेक्शन के लिए डायनामिक आइटम पेज बनाएं। इससे एक ऐसा पेज जुड़ता है, जो हर आइटम के खास वर्जन के लिए टेम्पलेट की तरह काम करता है। सभी वर्जन एक ही डायनामिक आइटम पेज शेयर करेंगे और आइटम के हिसाब से केवल डिटेल बदल जाएगी।
  1. अपने एडिटर पर जाएं।
  2. एडिटर की बाईं ओर CMS  पर क्लिक करें।
  3. योर कलेक्शंस पर क्लिक करें।
  4. संबंधित कलेक्शन पर होवर करें और मोर ऐक्शंस आइकन पर क्लिक करें।
  5. ऐड डायनामिक पेज पर क्लिक करें।
Wix Editor में किसी कलेक्शन से डायनामिक पेज जोड़ने का स्क्रीनशॉट।
  1. आइटम पेज चुनें और ऐड टू साइट पर क्लिक करें। 
    सुझाव: कलेक्शन के लिए उसी समय डायनामिक लिस्ट पेज जोड़ने के लिए लिस्ट पेज भी चुनें।

स्टेप 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 स्लग स्ट्रक्चर ऐसा नहीं हो सकता कि उसमें वही प्रीफिक्स हो (जैसे, {Collection name}) और उतने ही वेरिएबल हों जितने आपकी साइट के किसी दूसरे पेज में हैं, भले ही वे वेरिएबल अलग हों।
ज़रूरी:
अगर आप चाहते हैं कि वेरिएबल जोड़कर बनाए गए नए URL पर पुराने URL अपने-आप रिडायरेक्ट हों, तो पहले पक्का करें कि आपकी साइट के साथ एक कनेक्टेड डोमेन हो। अगर आपकी साइट के साथ कोई डोमेन कनेक्ट नहीं है, तो पुराने URL काम नहीं करेंगे और उनकी जगह 404 एरर पेज लोड होंगे।

अपने डायनामिक आइटम पेज का URL स्लग स्ट्रक्चर एडिट करने के लिए:


  1. अपने एडिटर पर जाएं।
  2. एडिटर के बाईं ओर पेजेस और मेन्यू पर क्लिक करें।
  3. डायनामिक पेजेस पर क्लिक करें।
  4. अभी बनाए गए डायनामिक आइटम पेज पर होवर करें और दाईं ओर मोर एक्शंस आइकन पर क्लिक करें।
    टिप: डिफ़ॉल्ट रूप से, आपके बनाए गए डायनामिक आइटम पेज का टाइटल यह होता है: {कलेक्शन का नाम} (आइटम)
  5. SEO पर क्लिक करें।
  6. URL स्लग स्ट्रक्चर फ़ील्ड को एडिट करें:
    1. URL स्लग स्ट्रक्चर फ़ील्ड के आगे एडिट पर क्लिक करें और चुनें कि आप क्या करना चाहते हैं:
      • वेरिएबल जोड़ें: + ऐड वेरिएबल पर क्लिक करें और URL स्लग स्ट्रक्चर में उसकी वैल्यू इस्तेमाल करने के लिए कोई 'टेक्स्ट' या 'नंबर' फ़ील्ड चुनें।
      • स्टैटिक वैल्यू जोड़ें या एडिट करें: फ़ील्ड पर क्लिक करें और URL स्लग स्ट्रक्चर में इस्तेमाल की जाने वाली स्टैटिक वैल्यू डालें या मौजूदा वैल्यू एडिट करें। केवल अक्षरों, संख्याओं या डैश का इस्तेमाल करें।
        टिप: आप URL स्लग में नॉन-लैटिन कैरेक्टर जोड़ सकते हैं।
    2. सेव पर क्लिक करें।
डायनामिक आइटम पेज के URL स्लग स्ट्रक्चर में किए गए बदलावों को सेव करने का स्क्रीनशॉट।
  1. बदलावों को कन्फ़र्म करने के लिए रिप्लेस URLs पर क्लिक करें। डायनामिक पेज के पुराने URLs मिटा दिए जाएंगे और वे अब काम नहीं करेंगे। उनकी जगह, डायनामिक पेज के लिए नए URLs जनरेट किए जाएंगे।

स्टेप 3 | पेज एलिमेंट्स को CMS से कनेक्ट करें

डिफ़ॉल्ट रूप से, आपके नए डायनामिक आइटम पेज में टेक्स्ट और इमेज जैसे एलिमेंट्स शामिल होते हैं, जो आपके CMS कलेक्शन फ़ील्ड से अपने-आप कनेक्ट रहते हैं।

अपने डायनामिक आइटम पेज में शामिल किए जाने वाले एलिमेंट्स जोड़ें और उन्हें अरेंज करें। इसके बाद, अगर आप चाहते हैं कि आइटम के हिसाब से एलिमेंट्स डायनामिक रूप से बदलें, तो उन्हें डेटासेट में अपने CMS कलेक्शन फ़ील्ड से कनेक्ट करें। अगर आप चाहते हैं कि हर वर्जन में एलिमेंट्स का कंटेंट एक जैसा रहे, तो उन्हें CMS से डिस्कनेक्ट रखें।

आपके पेज पर डिफ़ॉल्ट रूप से "प्रीवियस" और "नेक्स्ट" बटन भी होने चाहिए, जो विज़िटर्स को डेटासेट से मिलने वाले पिछले या अगले आइटम पर अपने-आप ले जाते हैं। आप एक अतिरिक्त "बैक" बटन को कलेक्शन के डायनामिक लिस्ट पेज या किसी दूसरी जगह से लिंक कर सकते हैं, जहां आपके आइटम लिस्ट किए गए हों।
  1. (वैकल्पिक) अपने पेज पर एलिमेंट्स जोड़ें (जैसे बटन, टेक्स्ट और इमेज) या जिन एलिमेंट्स की जरूरत नहीं है, उन्हें हटाएं।
  2. अपने पेज के एलिमेंट्स को अपने CMS कलेक्शन से कनेक्ट करें:
टिप:
हर सपोर्टेड एलिमेंट के लिए CMS कनेक्शन ऑप्शंस के बारे में और जानें।
3. प्रीव्यू पर क्लिक करें और हर आइटम कैसा दिखता है, यह टेस्ट करने के लिए प्रीव्यू टूलबार का इस्तेमाल करें।
टिप:
आप जो कलेक्शन आइटम देख रहे हैं उसे एडिट करने के लिए, प्रीव्यू टूलबार पर एडिट आइटम पर क्लिक करें।
प्रीव्यू टूलबार का स्क्रीनशॉट, जहां से आप दूसरे आइटम पर जा सकते हैं और उन्हें एडिट कर सकते हैं।
4. अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो पब्लिश पर क्लिक करें।

अक्सर पूछे जाने वाले सवाल

डायनामिक आइटम पेज सेट अप करने के बारे में और जानने के लिए, नीचे दिए गए किसी सवाल पर क्लिक करें।