डायनामिक कंटेंट के साथ अपनी वर्डप्रेस साइट को कैसे डिज़ाइन करें

डायनामिक कंटेंट के साथ अपनी वर्डप्रेस साइट को कैसे डिज़ाइन करें

मैं अपनी वेबसाइट को पेशेवर कैसे बना सकता हूं? यह एक सवाल है जो कई महत्वाकांक्षी वेबसाइट बिल्डर खुद से पूछते हैं कि वे कब अपनी परियोजना की योजना बना रहे हैं। स्पष्ट उत्तरों में डिज़ाइन में सुधार करना या बहुत सारी फैंसी विशेषताओं को शामिल करना शामिल होगा.


लेकिन वास्तव में, आपकी मूल वेबसाइट को वास्तव में बढ़ाने और इसे एक पेशेवर बनाने के लिए सबसे प्रभावी तरीकों में से एक है, गतिशील सामग्री जोड़कर कस्टम एक है। डायनामिक कंटेंट आपके उपयोगकर्ताओं को आपकी वेबसाइट पर अधिक पूरा करने का अनुभव देगा.

गतिशील सामग्री परिचय

वास्तव में डायनामिक कंटेंट क्या है?

डायनामिक सामग्री इंटरैक्टिव वेब सामग्री को संदर्भित करती है जो समय, स्थान और उपयोगकर्ता के आधार पर बदलती है। जब कोई उपयोगकर्ता एक डायनामिक वेबसाइट को नेविगेट करता है, तो वर्डप्रेस डेटाबेस से सही जानकारी खींचकर उपयोगकर्ता को दिखाएगा कि वे किस पेज पर हैं।.

स्थैतिक सामग्री के साथ, जो आप सामने के छोर पर देखते हैं, वह नहीं बदलेगा। वास्तव में, यदि आप इसमें कोई बदलाव करना चाहते हैं, तो आपको डेवलपर की सहायता की आवश्यकता होगी। हालाँकि, डायनामिक कंटेंट वाली वेबसाइट के मालिक बिना कोडिंग के तुरंत बैक-एंड पर सब कुछ एडिट कर सकते हैं। इसका अर्थ है कि उपयोगकर्ता जो देख रहा है, उसके अनुसार जानकारी बदल सकती है, और अधिक इंटरैक्टिव अनुभव प्रदान कर सकती है.

उदाहरण के लिए, यदि आप एक जिम वेबसाइट पर हैं, तो आप उपलब्ध विभिन्न जिमों को देखना चाहते हैं। बेशक, प्रत्येक जिम में अलग-अलग जानकारी होगी जैसे कि अपना नाम, पता और सुविधाओं की सूची। इसलिए, जब आप प्रत्येक जिम पर क्लिक करते हैं तो आपको इससे संबंधित विभिन्न सामग्री दिखाई देगी जो आपको अन्य पृष्ठों पर नहीं मिलेगी.

बैलेंस जिम

एनर्जी क्लब

गतिशील सामग्री के लाभ

डायनामिक कंटेंट आपकी वेबसाइट के लिए कई फायदे लाता है जो स्टैटिक कंटेंट नहीं दे सकते.

  • एक बेहतर उपयोगकर्ता अनुभव. उपयोगकर्ता उन सामग्रियों को देख पाएंगे जो उनके लिए अनुकूलित हैं जैसे कि विभिन्न ऑफ़र जो उनके व्यवहार के अनुसार बदल जाएंगे.
  • अपने KPI में सुधार करें. डायनामिक कंटेंट के साथ आप कंटेंट में सुधार कर सकते हैं और अपनी वेबसाइट पर बाउंस रेट कम कर सकते हैं.
  • चिकना नेविगेशन. डायनामिक सामग्री स्थिर सामग्री के साथ तुलना में वेबसाइट के माध्यम से एक सहज अनुभव प्रदान करती है क्योंकि आप आसानी से उस सामग्री को पा सकते हैं जिसकी आप तलाश कर रहे हैं.
  • अद्यतन करने के लिए आसान है. आप किसी विशेषज्ञ डेवलपर को नियुक्त करने की आवश्यकता के बिना बस वर्डप्रेस बैक-एंड पर अपने पृष्ठ को संपादित कर सकते हैं.
  • स्क्रीन आकार के लिए प्रतिक्रिया करता है. एक गतिशील वेबसाइट आसानी से एक स्थिर एक के साथ तुलना में विभिन्न स्क्रीन आकार के लिए adapts.

दो तरीके हैं जो हम अनुशंसा करते हैं कि आप गतिशील सामग्री बनाएँ। नीचे हम आपको दो विकल्प दिखाएंगे और वास्तव में आप दोनों के साथ अपनी वेबसाइट कैसे बना सकते हैं.

1. टूलसेट ब्लॉक और गुटेनबर्ग के साथ गतिशील सामग्री बनाएँ

टूलसेट

जानकारी और डाउनलोड

का शुभारंभ टूलसेट ब्लॉक अपने ब्लॉक एडिटर, गुटेनबर्ग का उपयोग करके वर्डप्रेस पर गतिशील सामग्री बनाने का एक नया तरीका प्रदान करता है.

एक साल पहले इसकी शुरुआत के बाद से, गुटेनबर्ग ने आपकी वेबसाइटों को डिजाइन और कार्यान्वित करने के लिए एक सरल और सहज तरीका प्रदान करने में काफी सुधार किया है। सबसे अच्छी बात यह है कि नॉन-कोडर्स अब आसानी से बिलकुल वैसा ही निर्माण कर सकते हैं जैसा उन्होंने गुटेनबर्ग और एकीकृत प्लगइन्स का उपयोग करके किया था.

इसमें डायनामिक कंटेंट शामिल है जो वेबसाइट बिल्डरों टूलसेट ब्लॉक के लिए गुटेनबर्ग धन्यवाद के साथ बना सकते हैं.

टूलसेट ब्लॉक कैसे काम करता है?

टूलसेट ब्लॉक्स एक नया प्लगइन है जिसका उपयोग आप दो मोर्चों पर कर सकते हैं:

  1. कंटेंट टेम्प्लेट, आर्काइव और जैसे कस्टम, एडवांस फीचर बनाएं दृश्य.
  2. ब्लॉक के लिए गतिशील स्रोतों का समर्थन करें जो आपके कस्टम फ़ील्ड और टैक्सोनोमि को आपके पृष्ठों पर प्रदर्शित करने के लिए उपलब्ध कराता है.

इसलिए, आप टूलसेट ब्लॉक का उपयोग किसी भी कोडिंग के बिना किसी भी पोस्ट, पेज या टेम्प्लेट में आसानी से डायनामिक कंटेंट जोड़ने के लिए कर सकते हैं.

नीचे मैंने एक जिम डेमो वेबसाइट के लिए एक सामग्री टेम्पलेट का एक उदाहरण बनाया है जो यह सुनिश्चित करता है कि प्रत्येक जिम पोस्ट में एक ही डिजाइन होगा लेकिन गतिशील सामग्री के लिए अलग-अलग सामग्री धन्यवाद.

टूलसेट सामग्री टेम्पलेट

टूलसेट ब्लॉक का उपयोग करके डायनामिक कंटेंट के साथ एक कंटेंट टेम्पलेट कैसे बनाएं

हमारी वेबसाइट पर जिम कस्टम पोस्ट प्रकार के लिए एक टेम्पलेट बनाएं.

तुम्हें यह करना पड़ेगा टूलसेट ब्लॉक स्थापित करें इससे पहले कि आप शुरू करें और सुनिश्चित करें कि आप गुटेनबर्ग संपादक का उपयोग करने की मूल बातें जानते हैं.

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

करंट पोस्ट से डायनामिक कंटेंट दिखाना

की ओर जाना टूलसेट> डैशबोर्ड और क्लिक करें सामग्री टेम्पलेट बनाएँ उस पोस्ट प्रकार के बगल में विकल्प जिसके लिए आप एक सामग्री टेम्पलेट बनाना चाहते हैं.

सामग्री टेम्पलेट बनाएँ

अब हम अपने कंटेंट टेम्पलेट बनाने के लिए अपने ब्लॉक जोड़ना शुरू कर सकते हैं। आइए कल्पना करें कि मैं एक छवि जोड़ना चाहता हूं। सबसे पहले आप सेलेक्ट करें + ब्लॉक जोड़ने के लिए ऊपर बाईं ओर विकल्प.

टूलसेट एक ब्लॉक बनाएं

जब तक आपको टूलसेट की ब्लॉकों की सूची नहीं मिलती है, तब तक नीचे स्क्रॉल करें और जोड़ें छवि ब्लॉक.

टूलसेट छवि ब्लॉक

अब आप एक प्रश्न पूछेंगे जो आपको डायनामिक स्रोतों का उपयोग करना है या नहीं। क्लिक करें हाँ.

टूलसेट छवि गतिशील स्रोत

अपनी छवि के लिए स्रोत का चयन करें। यह निर्धारित करता है कि वर्डप्रेस आपके द्वारा चुने गए विकल्प के आधार पर किस सामग्री को खींचेगा। मैं ब्लॉक के भीतर प्रत्येक जिम की विशेष रुप से प्रदर्शित छवियों को प्रदर्शित करना चाहता हूं इसलिए मैं चयन करूंगा चुनिंदा छवि डेटा विकल्प.

टूलसेट चुनिंदा छवि डेटा

दाएं हाथ की साइडबार पर आप अपनी छवि को और अधिक समायोजित कर सकते हैं यदि आप गतिशील सामग्री के स्रोत को बदलना चाहते हैं या उदाहरण के लिए छवि को स्टाइल करें।.

टूलसेट छवि सेटिंग्स

कस्टम फ़ील्ड से डायनामिक सामग्री प्रदर्शित करना

हम कस्टम फ़ील्ड से डायनामिक सामग्री वाले ब्लॉक बनाने के लिए पहले की तरह ही सामग्री टेम्प्लेट का उपयोग कर सकते हैं। इस बार मैं गतिशील सामग्री के रूप में प्रत्येक जिम की रेटिंग के लिए कस्टम फ़ील्ड जोड़ूंगा.

टूलसेट ब्लॉक की सूची में शामिल हों और जोड़ें सिंगल फील्ड ब्लॉक.

टूलसेट सिंगल फील्ड ब्लॉक

दाईं ओर साइडबार पर फ़ील्ड स्रोत, को चुनिए कस्टम फील्ड क्षेत्र के जैसा.

के नीचे कस्टम फ़ील्ड समूह ड्रॉपडाउन का चयन करें जिम पद प्रकार। ध्यान दें कि जो भी कस्टम पोस्ट प्रकार होगा, आप कस्टम फ़ील्ड से खींचना चाहते हैं.

के नीचे कस्टम फील्ड ड्रॉपडाउन उस कस्टम फ़ील्ड का चयन करें जिसे आप प्रदर्शित करना चाहते हैं। मैंने चुना है रेटिंग विकल्प.

टूलसेट कस्टम फ़ील्ड पोस्ट

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

मैंने अपने कंटेंट टेम्पलेट में डायनामिक कंटेंट के साथ कुछ अन्य ब्लॉक जोड़े। यह देखें कि यह अब सामने के छोर पर कैसा दिखता है.

टूलसेट जिम उदाहरण

2. कुल मिलाकर डायनामिक कंटेंट बनाना

डायनामिक कंटेंट बनाने का एक और समान प्रभावी तरीका कुल थीम का उपयोग करके डायनामिक पोस्ट टेम्प्लेट्स का निर्माण करना है.

कुल प्रस्ताव क्या सुविधाएँ देता है?

कुल वर्डप्रेस पर सबसे लोकप्रिय विषयों में से एक है और इन कार्यों को करने के लिए कई प्लगइन्स डाउनलोड करने के बिना आप आसानी से सेट कर सकते हैं जो कई सुविधाओं के साथ पैक किया जाता है।.

  • आसान डेमो आयातक – जब आप कुल 40+ पूर्व निर्मित प्लोस में से किसी एक को आयात करने के लिए चुनते हैं तो अपनी खाली साइट को एक क्लिक में सामग्री से भरी पूरी तरह कार्यात्मक वेबसाइट में बदल दें।.
  • पेज बिल्डर को खींचें और छोड़ें – कुल मिलाकर आप एक सहज ज्ञान युक्त खींचें और ड्रॉप बिल्डर के साथ प्रदान करने के लिए लोकप्रिय WPBakery पेज बिल्डर के साथ एकीकृत है ताकि आप आसानी से अपनी वेबसाइट का निर्माण कर सकें.
  • पेज बिल्डर तत्वों के 100s – अपने पृष्ठों को अनुकूलित करने के लिए कुल पेज पेज बिल्डर तत्वों के सैकड़ों का लाभ उठाएं.
  • आसानी से अनुकूलन – अपनी साइट पर कई तत्वों को बदलने के लिए लाइव कस्टमाइज़र सेटिंग्स का उपयोग करें जिसमें रंग, फ़ॉन्ट, चौड़ाई और बहुत कुछ शामिल हैं.
  • डेवलपर के अनुकूल – टोटल बिल्ट-इन हुक्स और फिल्टर्स के साथ कुल मिलाकर आपके लिए ऑनलाइन डॉक्यूमेंटेशन से उपलब्ध 450+ स्निपेट्स के साथ अपनी थीम को संशोधित करना आसान है।.

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

कुल मिलाकर डायनामिक कंटेंट टेम्पलेट कैसे बनाएं

की ओर जाना दृश्य संगीतकार> टेम्पलेट और क्लिक करें नया जोड़ें. इसके बाद अपने टेम्पलेट को एक नाम दें.

कुल पोर्टफोलियो पोस्ट लेआउट

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

आगे, मैं शामिल करूंगा पोस्ट सामग्री मॉड्यूल जो किसी भी सामग्री को प्रदर्शित करेगा जो संपादक में पदों में जोड़ा जाता है.

कुल पोस्ट मीडिया

कुल के साथ आप अपने डायनामिक टेम्पलेट में कई पोस्ट तत्व शामिल कर सकते हैं। पोस्ट शीर्षक, मेटा डेटा, संबंधित आइटम, टैग, सामाजिक लिंक और बहुत कुछ जोड़ें। जब पूरा क्लिक करें प्रकाशित करना.

अब हमें अपने पोर्टफोलियो कस्टम पोस्ट प्रकार को डायनामिक टेम्पलेट असाइन करना होगा। ऐसा करने के लिए वर्डप्रेस पर नेविगेट करें कस्टमाइज़र, फिर सिर पर पोर्टफोलियो और आपके द्वारा अभी बनाया गया टेम्पलेट चुनें गतिशील टेम्पलेट (उन्नत).

कुल गतिशील टेम्पलेट

अब आप अपने मीडिया को कार्रवाई में देख सकते हैं। क्लिक करें सहेजें और प्रकाशित करें और आपकी गतिशील सामग्री तैयार होनी चाहिए.

टोटल डायनामिक टेम्प्लेट फ्रंटेंड

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


हमें गतिशील सामग्री बनाने का अपना अनुभव बताएं! अब आपके पास गतिशील सामग्री बनाने के लिए दो तरीके हैं। आप या तो डाउनलोड कर सकते हैं टूलसेट ब्लॉक या कुल थीम आज और अपनी वेबसाइट को मूल से कस्टम तक ले जाने के साथ शुरू करें.

क्या आपने अपनी वेबसाइट में गतिशील सामग्री जोड़ने के लिए या तो उपकरण का उपयोग किया है? हमें पता है कि नीचे टिप्पणी में यह आपके लिए कैसे काम करता है!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me