अपना खुद का एलिमेंटर विजेट बनाएं कोई कोड आवश्यक नहीं है।
मास्टर एडॉन्स द्वारा विजेट बिल्डर से मिलें अपने कस्टम कोड और एलिमेंटर संपादक के बीच एक शक्तिशाली पुल का अनुरोध करें अद्वितीय डिजाइन, एआई-जनरेटेड इंटरफेस, या इंटरैक्टिव कोडपेन स्निपेट्स को पूरी तरह कार्यात्मक, पुन: प्रयोज्य एलिमेंटर विजेट में बदल दें।
विजेट बिल्डर लाभ
वास्तव में अद्वितीय विजेट बनाएं
अपने प्रोजेक्ट की सटीक आवश्यकताओं के लिए विजेट बनाएं - कुछ पूर्व-निर्मित लाइब्रेरी पेश नहीं कर सकती हैं।
एआई और कोडपेन डिज़ाइन को जीवंत बनाएं
संपादन योग्य एलिमेंटर विजेट के रूप में एआई टूल से कस्टम यूआई या कोडपेन से लाइव प्रोटोटाइप को सीधे अपनी साइट पर एकीकृत करें।
पूर्ण रचनात्मक नियंत्रण
आप पूरे स्टैक के मालिक हैं: संरचना (एचटीएमएल), शैली (सीएसएस), और अन्तरक्रियाशीलता (जेएस), साथ ही बाहरी पुस्तकालयों को जोड़ने की क्षमता।
पुन: उपयोग करें और समय बचाएं
एक बार विजेट बनाएं, इसे अपनी लाइब्रेरी में सहेजें, और सुसंगत, संपादन योग्य सेटिंग्स के साथ किसी भी प्रोजेक्ट में इसका पुन: उपयोग करें।
पावर उपयोगकर्ताओं के लिए निर्मित
यदि आप एलिमेंट को जानते हैं, तो आप विजेट बिल्डर का उपयोग कर सकते हैं परिचित टैब-आधारित इंटरफ़ेस विजेट निर्माण दृश्य और सहज बनाता है।
किसी भी साइट पर कस्टम विजेट
एक बार विजेट बनाएं और पूरी तरह से अलग वर्डप्रेस वेबसाइटों पर उपयोग करने के लिए इसे आसानी से निर्यात/आयात करें, जिससे अत्यधिक समय की बचत हो
अपना विजेट बनाएं और नाम दें
अपने नए घटक की पहचान स्थापित करके शुरू करें इसे एक स्पष्ट शीर्षक दें और हर बार जब आप एलिमेंट का उपयोग करते हैं तो निर्बाध पहुंच के लिए इसे एक श्रेणी के भीतर व्यवस्थित करें।
- अपने विजेट को एक अद्वितीय और वर्णनात्मक शीर्षक निर्दिष्ट करें।
- संपादक पैनल में आसान भविष्य की पहुंच के लिए इसे वर्गीकृत करें।
- अपने पुन: प्रयोज्य तत्व के लिए मूल आधार स्थापित करें।
संपादक अनुभव डिज़ाइन करें
इंटरफ़ेस का निर्माण करें आपके उपयोगकर्ता बातचीत करेंगे टॉगल और रंग पिकर जैसे नियंत्रण जोड़कर, आप किसी भी कोड को लिखे बिना विजेट के सेटिंग्स पैनल को नेत्रहीन रूप से बनाते हैं।
- बाएं पैनल से नियंत्रण (पाठ, रंग, चयन) जोड़ें।
- एलिमेंटर में प्रत्येक नियंत्रण एक संपादन योग्य विकल्प बन जाता है।
- पूरे उपयोगकर्ता-सामना करने वाले सेटिंग्स पैनल को नेत्रहीन रूप से डिज़ाइन करें।
अपने कोड पर नियंत्रण मैप करें
यह वह जगह है जहां आपका विजेट गतिशील हो जाता है बिल्डर प्रत्येक नियंत्रण के लिए स्मार्ट शॉर्टकोड उत्पन्न करता है, जिसे आप सेटिंग्स और आउटपुट के बीच लाइव लिंक बनाने के लिए अपने टेम्पलेट्स में रखते हैं।
- {{रंग}} जैसे ऑटो-जनरेटेड शॉर्टकोड का उपयोग करें।
- उन्हें अपने HTML, CSS, या JS कोड में पेस्ट करें।
- संपादक इनपुट और फ्रंट-एंड डिस्प्ले के बीच एक सीधा लिंक बनाएं।
कहीं भी सहेजें और उपयोग करें
एक बार सहेजा गया, आपका कस्टम विजेट कार्रवाई के लिए तैयार है यह एलिमेंटर संपादक में दिखाई देता है, किसी भी पृष्ठ में खींचने के लिए तैयार है और आपके द्वारा बनाई गई लाइव सेटिंग्स के साथ अनुकूलित किया गया है।
- इसे तुरंत अपने एलिमेंटर पैनल में जोड़ने के लिए सहेजें।
- किसी भी पृष्ठ पर विजेट खींचें और छोड़ें।
- लाइव सेटिंग्स समायोजित करें और तुरंत डिज़ाइन रेंडर देखें।
तैयार विजेट
बारह प्रो लेआउट और आठ मुफ्त वाले जेएसओएन आयात करें, एलिमेंट में संपादित करें।
आप वास्तव में क्या बना सकते हैं?
एआई से वेबसाइट तक
एआई डिज़ाइन टूल के साथ एक जटिल मूल्य निर्धारण कार्ड या प्रशंसापत्र स्लाइडर उत्पन्न करें, कोड कॉपी करें, और इसे विजेट बिल्डर में प्लग करें यह अब संपादन योग्य पाठ और रंगों के साथ एक प्रबंधनीय एलिमेंटर विजेट है।
उत्पादन के लिए कोडपेन
कोडपेन पर एक आश्चर्यजनक एनिमेटेड बटन या एक अनूठी गैलरी मिली? इसे केवल एम्बेड न करें - इसे एक मूल विजेट में बदलें जहां आप सभी मापदंडों को नियंत्रित कर सकते हैं।
अपनी खुद की यूआई किट बनाएं
अपने ब्रांड के अद्वितीय इंटरैक्शन पैटर्न के साथ कस्टम बटन, हेडर या सूचना कार्ड का एक सूट बनाएं और उन्हें सभी क्लाइंट साइटों पर पुन: उपयोग करें।
उपलब्ध विकल्प
पाठ
मूल पाठ इनपुट जोड़ें।
केवल संख्यात्मक मान इनपुट करें।
लंबी पाठ प्रविष्टियों के लिए।
रिच विजुअल टेक्स्ट एडिटर।
सीधे इनपुट कोड स्निपेट।
छिपा पृष्ठभूमि डेटा स्टोर करें।
किसी विकल्प को चालू/बंद टॉगल करें।
उन्नत सेटिंग्स पॉपओवर खोलें।
ड्रॉपडाउन विकल्पों में से चुनें।
नेत्रहीन किसी भी रंग उठाओ।
एक फ़ॉन्ट परिवार चुनें।
सभी टेक्स्ट स्टाइल को नियंत्रित करें।
एक तिथि/समय चुनें।
इनपुट या लिंक चुनें।
मीडिया अपलोड या चुनें।
एक साथ कई छवियों का चयन करें।
आइकन लाइब्रेरी से चुनें।
स्लाइडर के साथ मान समायोजित करें।
पैडिंग, मार्जिन आदि सेट करें।
छाया प्रभाव नेत्रहीन लागू करें।
तत्व पृष्ठभूमि गुण सेट करें।
छवि विकल्पों में से चुनें।
दोहराए जाने वाले सामग्री समूह बनाएं।
सामग्री को टैब में व्यवस्थित करें।
अपने विजेट में रंग विकल्प जोड़ें।