अपनी साइट का संपादन

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

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

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

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

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

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

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

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

इनलाइन संपादन स्वचालित रूप से आपके प्रोजेक्ट में सहेजे जाते हैं। पुनः प्रकाशन उन्हें लाइव साइट पर लागू करता है।

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

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

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

प्रीसेट श्रेणियाँ: - उद्योग — रेस्तरां, SaaS, पोर्टफ़ोलियो, एजेंसी, हेल्थकेयर, फ़िटनेस, रियल एस्टेट, ब्यूटी - कलर पैलेट — Dark, Light, Moody, Vibrant, Minimal, Luxury, Ember, Ocean, Forest - टाइपोग्राफ़ी सेट — Modern Sans, Classic Serif, Geometric, Monospace, Editorial - लेआउट घनत्व — Airy (उदार व्हाइटस्पेस), Standard, Compact

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

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

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

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

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

हर पूर्ण रीजनरेशन और बड़ा संपादन आपके History टैब में एक वर्ज़न चेकपॉइंट बनाता है।

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

रोल बैक मुफ़्त है — यह बिना कोई क्रेडिट खर्च किए सहेजा हुआ HTML बहाल करता है।

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