अपनी साइट एडिट करना

Draftly आपको तीन अलग-अलग एडिटिंग मोड देता है:

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

चैट एडिट प्राथमिक पुनरावृति उपकरण हैं। जनरेशन के बाद जब आप चैट में टाइप करते हैं, तो AI: 1. आपके अनुरोध का विश्लेषण करता है 2. HTML/CSS पैच का एक न्यूनतम सेट (0–8 ऑपरेशन) जनरेट करता है 3. उन्हें प्रीव्यू पर लाइव लागू करता है 4. 0.5 क्रेडिट काटता है

चैट एडिट क्या कर सकते हैं: - कोई भी CSS रंग, ग्रेडिएंट या वेरिएबल बदलें - कोई भी टेक्स्ट फिर से लिखें — हेडलाइन, बॉडी कॉपी, बटन लेबल - सेक्शन को पुनर्गठित करें — ग्रिड कॉलम, लिस्ट बनाम कार्ड - सेक्शन के भीतर तत्वों को जोड़ें या हटाएँ - फ़ॉन्ट, स्पेसिंग, पैडिंग, बॉर्डर स्टाइल बदलें - पेज के अंत में एक नया सेक्शन डालें

क्या एक पूर्ण रीजेन को ट्रिगर करता है: - पूर्ण संरचनात्मक रीडिज़ाइन (लेआउट आर्किटेक्चर बदलता है) - ऐसे अनुरोध जिनके लिए इमेज या वीडियो पाइपलाइन को फिर से चलाने की आवश्यकता होती है - ऐसे परिवर्तन जो लक्षित पैच के रूप में व्यक्त करने के लिए बहुत व्यापक हैं

किसी भी पूर्ण रीजेन से पहले एक स्पष्ट चेतावनी दिखाई देती है। आपको क्रेडिट लागत दिखाई देगी और आप रद्द कर सकते हैं।

इसे एडिट करने के लिए साइट प्रीव्यू में किसी भी दृश्यमान टेक्स्ट पर क्लिक करें। एक एडिटेबल ओवरले दिखाई देता है — अपना नया टेक्स्ट टाइप करें और पुष्टि करने के लिए एंटर दबाएँ या कहीं और क्लिक करें।

आप क्या इनलाइन-एडिट कर सकते हैं: - हीरो हेडलाइन और सबलाइन - नेविगेशन लिंक लेबल - सेक्शन हेडिंग और बॉडी कॉपी - बटन लेबल - फुटर टैगलाइन और संपर्क जानकारी

इनलाइन एडिट आपके प्रोजेक्ट में स्वचालित रूप से सहेजे जाते हैं। फिर से प्रकाशित करने से वे लाइव साइट पर लागू होते हैं।

इनलाइन एडिटिंग पूरी तरह से मुफ्त है — शून्य क्रेडिट।

डिज़ाइन प्रीसेट एक-क्लिक स्टाइल ट्रांसफॉर्मेशन हैं जो सामग्री को छुए बिना आपकी साइट के पूरे दृश्य चरित्र को बदलते हैं।

बिल्डर के बाएं पैनल में पेंटब्रश आइकन के माध्यम से प्रीसेट पैनल खोलें।

प्रीसेट श्रेणियाँ: - उद्योग — रेस्टोरेंट, SaaS, पोर्टफोलियो, एजेंसी, हेल्थकेयर, फिटनेस, रियल एस्टेट, ब्यूटी - रंग पैलेट — डार्क, लाइट, मूडी, वाइब्रेंट, मिनिमल, लक्ज़री, एम्बर, ओशन, फॉरेस्ट - टाइपोग्राफी सेट — मॉडर्न सैन्स, क्लासिक सेरिफ़, ज्योमेट्रिक, मोनोस्पेस, एडिटोरियल - लेआउट घनत्व — एयरी (पर्याप्त खाली जगह), स्टैंडर्ड, कॉम्पैक्ट

एक प्रीसेट लागू करना: किसी भी प्रीसेट पर क्लिक करें — प्रीव्यू लाइव अपडेट होता है। तुलना करने के लिए दूसरे पर क्लिक करें। पुष्टि करने के लिए लागू करें।

प्रीसेट CSS वेरिएबल और फ़ॉन्ट विकल्पों को संशोधित करते हैं — HTML संरचना को नहीं। वे पूरी तरह से मुफ्त हैं, कोई क्रेडिट खर्च नहीं होता।

आपकी साइट में रंग <style> ब्लॉक में CSS वेरिएबल के रूप में संग्रहीत होते हैं:

रंग बदलने के तीन तरीके: - चैट: "प्राथमिक एक्सेंट को #FF6B35 में बदलें" या "बैकग्राउंड को गहरा नेवी बनाएँ" - डिज़ाइन प्रीसेट: एक समन्वित रंग पैलेट चुनें — सभी वेरिएबल एक साथ बदल जाते हैं - कोड एडिटर: कोड टैब में :root CSS वेरिएबल को सीधे एडिट करें

चैट रंग परिवर्तनों पर 0.5 क्रेडिट खर्च होते हैं। प्रीसेट और कोड परिवर्तन मुफ्त हैं।

प्रत्येक पूर्ण पुनरुत्पादन और प्रमुख एडिट आपके हिस्ट्री टैब में सहेजा गया एक वर्जन चेकपॉइंट बनाता है।

वापस जाने के लिए: 1. बिल्डर में हिस्ट्री टैब खोलें 2. इसे दाहिने फलक में प्रीव्यू करने के लिए किसी भी पिछले वर्जन पर क्लिक करें 3. इसे अपना वर्तमान वर्जन बनाने के लिए रिस्टोर पर क्लिक करें

वापस जाना मुफ्त है — यह बिना किसी क्रेडिट का उपभोग किए सहेजे गए HTML को पुनर्स्थापित करता है।

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