वेलो एक ट्विस्ट के साथ एक Wix उत्पाद है। Wix वेब पर अधिक लोकप्रिय विकास प्लेटफार्मों में से एक है। यह डिजाइनरों (और औसत वेबसाइट स्वामी) को कोड की एक भी पंक्ति लिखे बिना अद्भुत वेबसाइट बनाने की अनुमति देता है।
वेलो के साथ, विक्स डेवलपर्स को शामिल करने के लिए अपने उपयोगकर्ता आधार का विस्तार कर रहा है। वेलो एक फुल-स्टैक डेवलपमेंट प्लेटफॉर्म है जो उपयोगकर्ताओं को कोड का उपयोग करके शानदार वेबसाइट बनाने की अनुमति देता है। केवल प्रोग्रामिंग भाषा जिसे आपको वेलो का उपयोग करने के लिए जानना आवश्यक है वह जावास्क्रिप्ट है। प्लेटफ़ॉर्म आधुनिक जावास्क्रिप्ट सुविधाओं का समर्थन करता है और एक NodeJS आधारित सर्वर-साइड सिस्टम का उपयोग करता है।
इस लेख में, आप वेलो की अनूठी विशेषताओं और उनका उपयोग करने के तरीके के बारे में जानेंगे।
वेलो की डेवलपर विशेषताएं
वेलो डेवलपमेंट प्लेटफॉर्म में एक अंतर्निहित आईडीई है, जो डेवलपर्स को जावास्क्रिप्ट कोड लिखने और वास्तविक समय में बदलाव देखने की अनुमति देता है। वेलो एक NodeJS सर्वर पर चलता है, जिसका अर्थ है कि एक डेवलपर के पास npm पैकेज और अन्य डेवलपर टूल तक पहुंच है। इन डेवलपर सुविधाओं में शामिल हैं:
- वेबपेज पर कस्टम लेआउट और इंटरैक्शन बनाने की क्षमता।
- डेटाबेस में संग्रह बनाने की क्षमता।
- आपकी वेबसाइट के लिए कस्टम एपीआई बनाने की क्षमता।
Velo. का उपयोग करके वेबसाइट बनाना
वेलो का उपयोग करने के लिए, आपको इसकी मुख्य वेबसाइट पर नेविगेट करना होगा। एक बार वहां, एक नई परियोजना शुरू करने के विकल्प का चयन करें। यह आपको प्रथा के माध्यम से ले जाएगा Wix साइट निर्माण प्रक्रिया, जहां आपको उस प्रकार की वेबसाइट चुननी होगी जिसे आप बनाना चाहते हैं। आप या तो स्वयं एक टेम्पलेट का चयन कर सकते हैं या Wix ADI की सहायता से।
अपने टेम्प्लेट को संपादित करने का विकल्प चुनने के बाद, आपको निम्न UI जैसा कुछ दिखाई देगा:
ऊपर की छवि के बाईं ओर वेबसाइट संरचना साइडबार है, जो आपको आपकी वेबसाइट के सभी पृष्ठों से जुड़ी विभिन्न जावास्क्रिप्ट फाइलों तक पहुंच प्रदान करती है। वर्तमान में चयनित पृष्ठ होम पेज है, और यदि आप ऊपर की छवि के नीचे देखते हैं, तो आप HOME.js फ़ाइल की सामग्री को प्रदर्शित करने वाला एक कोड संपादक देखते हैं।
कस्टम लेआउट संरचना और इंटरैक्शन बनाना
इस लेख के लिए चुना गया टेम्प्लेट ऑनलाइन वेलनेस स्टोर है। इस वेबसाइट के होम पेज में एक "सबसे लोकप्रिय" है, जिसे आप निम्न छवि में देख सकते हैं:
हालाँकि, यदि आप इस अनुभाग के लिए किसी भिन्न शीर्षक का उपयोग करना चाहते हैं, तो आप निम्न कोड को HOME.js फ़ाइल में सम्मिलित करके वेलो संपादक में इसे प्राप्त कर सकते हैं।
HOME.js फ़ाइल
$w.on तैयार (समारोह () {
$w('#text20').text = 'ट्रेंडिंग आइटम'
});
ऊपर दिया गया कोड "सबसे लोकप्रिय" शीर्षक को "ट्रेंडिंग आइटम" में अपडेट कर देगा, और आप वेलो इंटरफ़ेस के शीर्ष दाईं ओर पूर्वावलोकन बटन पर क्लिक करके इस अपडेट को देख सकते हैं। होम पेज पर उपयुक्त अनुभाग में, आपको निम्न आउटपुट जैसा कुछ देखना चाहिए:
वेलो के डेटाबेस के साथ काम करना
अधिकांश गतिशील वेबसाइटों में एक डेटाबेस होता है जो प्रकार के आधार पर डेटा को अलग तरीके से संग्रहीत करता है। वेलो अपने डेटा को अपने केंद्रीय डेटाबेस में संग्रह में संग्रहीत करता है। इस डेटाबेस तक पहुंच प्राप्त करने के लिए, आपको वेलो के डेवलपर इंटरफ़ेस के बाईं ओर पंक्तियों और स्तंभों की तालिका में नेविगेट करना होगा।
जैसा कि आप ऊपर की छवि से देख सकते हैं, प्रत्येक Wix टेम्पलेट वेबसाइट के प्रकार के आधार पर कुछ डिफ़ॉल्ट संग्रह के साथ आता है। इस लेख के लिए चुना गया वेबसाइट टेम्प्लेट एक वेलनेस स्टोर है। इसलिए, इसमें डिफ़ॉल्ट उत्पादों का एक संग्रह है जिसे आप आसानी से अपने आइटम से बदल सकते हैं।
सम्बंधित: Wix के साथ एक पेशेवर ऑनलाइन उपस्थिति कैसे बनाएं
हालाँकि, यदि आप अपना संग्रह खरोंच से बनाना चाहते हैं, तो उनके पास वह विकल्प भी है।
अपने वेलो डेटाबेस में एक नया संग्रह बनाने के लिए, बस अपने माउस को "सामग्री संग्रह" अनुभाग पर घुमाएं, और पाठ के दाईं ओर एक प्लस आइकन दिखाई देगा।
ऊपर की छवि में नए संग्रह विकल्प पर क्लिक करने से निम्नलिखित संग्रह निर्माण प्रपत्र उत्पन्न होगा:
एक संग्रह नाम प्रदान करना और बनाएँ बटन पर क्लिक करना आपको निम्नलिखित सामग्री प्रबंधक पृष्ठ पर ले जाएगा:
उपरोक्त सामग्री प्रबंधक पृष्ठ से, आप प्रासंगिक प्लस आइकन का उपयोग करके अपने उत्पाद संग्रह को पॉप्युलेट करना शुरू कर सकते हैं। लेकिन इससे पहले कि आप अपने संग्रह में उत्पादों को जोड़ना शुरू करें, आपको उपयुक्त फ़ील्ड बनाने की आवश्यकता होगी।
ऊपर सामग्री प्रबंधक पृष्ठ देखें; इसमें वर्तमान में एक फ़ील्ड-शीर्षक है। आप इस फ़ील्ड को हटा नहीं सकते क्योंकि यह प्राथमिक फ़ील्ड (या विशिष्ट पहचानकर्ता) है, जो प्रत्येक संग्रह के पास होनी चाहिए। हालांकि, आप इसे अधिक उपयुक्त शीर्षक दे सकते हैं, जैसे उत्पाद का नाम या आईडी।
अपने संग्रह में किसी मौजूदा फ़ील्ड का नाम बदलने के लिए, बस विचाराधीन फ़ील्ड पर क्लिक करें, और आपको कई विकल्प दिखाई देंगे।
ऊपर की छवि में आप जो संपत्ति विकल्प देख सकते हैं उसका चयन करने से निम्नलिखित पॉप-अप फॉर्म तैयार होगा:
ऊपर दिया गया पॉप-अप फॉर्म आपको "फ़ील्ड नाम" लेबल वाले टेक्स्ट फ़ील्ड में शीर्षक दर्ज करके और सहेजें पर क्लिक करके फ़ील्ड नाम बदलने की अनुमति देता है।
एक नया क्षेत्र जोड़ना
अपने संग्रह में एक नया फ़ील्ड जोड़ने के दो तरीके हैं। पहला विकल्प संग्रह में मौजूदा शीर्षक के दाईं ओर प्लस आइकन पर क्लिक करना है। यह विधि निम्नलिखित रूप उत्पन्न करेगी:
नया फ़ील्ड प्रपत्र आपको एक फ़ील्ड नाम, एक फ़ील्ड कुंजी (आपके कोड में एकीकृत करने के लिए), और एक फ़ील्ड प्रकार प्रदान करने की अनुमति देता है। फ़ील्ड प्रकार निम्न में से कोई एक हो सकता है:
- मूलपाठ
- छवि
- बूलियन
- संख्या
- तिथि और समय
- समय
- अमीर पाठ
- संदर्भ
- बहु संदर्भ
- यूआरएल
अपने संग्रह में एक नया फ़ील्ड जोड़ने का दूसरा तरीका "छिपे हुए फ़ील्ड" अनुभाग पर क्लिक करके और पॉप-अप फ़ील्ड सूची से "फ़ील्ड जोड़ें" विकल्प का चयन करना है। आपको नीचे दी गई छवि की तरह कुछ देखना चाहिए:
संग्रह में आइटम जोड़ना अपने संग्रह में एक नया आइटम जोड़ने के लिए, आप सामग्री प्रबंधक पृष्ठ के दाईं ओर "आइटम जोड़ें" बटन पर क्लिक कर सकते हैं या फ़ील्ड शीर्षक के नीचे प्लस चिह्न पर क्लिक कर सकते हैं। अपने संग्रह में अपना पहला आइटम जोड़ने के बाद, यह इस तरह दिखना चाहिए:
अब आप उपरोक्त विधियों में से किसी एक का उपयोग करके अपने संग्रह में अधिक से अधिक आइटम जोड़ सकते हैं। हालांकि, किसी भी संग्रह के साथ अपनी वेबसाइट को अपडेट करने के लिए, आपको पहले साइट को प्रकाशित करना होगा।
वेलो रोमांचक क्या बनाता है
अब आप जानते हैं कि वेलो आईडीई में जावास्क्रिप्ट कोड का उपयोग करके अपनी वेबसाइट को कैसे अनुकूलित किया जाए। आप वेलो डेटाबेस में जितने चाहें उतने आइटम के साथ कस्टम संग्रह भी बना सकते हैं। लेकिन संभवतः वेलो के बारे में सबसे अच्छी बात यह है कि एनपीएम पैकेज आयात और उपयोग करने की क्षमता है।
npm पैकेज के साथ अपनी परियोजनाओं में सुधार करें।
आगे पढ़िए
- प्रोग्रामिंग
- जावास्क्रिप्ट
- वेब विकास
- वेब डिजाइन
कदीशा कीन एक पूर्ण-स्टैक सॉफ़्टवेयर डेवलपर और तकनीकी/प्रौद्योगिकी लेखक हैं। उसके पास कुछ सबसे जटिल तकनीकी अवधारणाओं को सरल बनाने की विशिष्ट क्षमता है; उत्पादन सामग्री जिसे किसी भी तकनीकी नौसिखिए द्वारा आसानी से समझा जा सकता है। उसे लिखने, दिलचस्प सॉफ्टवेयर विकसित करने और दुनिया की यात्रा (वृत्तचित्रों के माध्यम से) करने का शौक है।
हमारे न्यूज़लेटर की सदस्यता लें
तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!
सब्सक्राइब करने के लिए यहां क्लिक करें
