Claude Design एक्सपोर्ट: html2wp ऐप में WordPress थीम
आप Claude Design से बना डिज़ाइन html2wp ऐप में, बिना टर्मिनल के, WordPress में बदल सकते हैं। एक्सपोर्ट के लिए आप डिज़ाइन को HTML के रूप में सेव करते हैं। फिर आप उसे ऐप में जोड़ते हैं और Flash या Full चुनते हैं। आखिर में आप एक WordPress थीम डाउनलोड करते हैं, जो आपके डिज़ाइन जैसी दिखती है।
ऐप में Claude Design को WordPress में बदलने के लिए क्या चाहिए
- Apple silicon वाला Mac (M1 या नया) और macOS 12 या उसके बाद का वर्ज़न।
- ChatGPT अकाउंट। कन्वर्ज़न आपके अपने सब्सक्रिप्शन वाला AI करता है, इसलिए आप हमें क्रेडिट के पैसे नहीं देते।
- Claude Design से आपका एक्सपोर्ट: HTML फ़ाइल के रूप में सेव किया गया डिज़ाइन। अगर कई पेज हैं, तो हर पेज को अलग फ़ाइल के रूप में सेव करें।
Claude का HTML थीम तक का सबसे छोटा रास्ता है। ऐप को उसे पहले बिल्ड करने या ब्राउज़र में खोलने की ज़रूरत नहीं होती। फ़्री टियर पांच-पांच पेज तक की तीन साइटें कन्वर्ट करता है। क्लाइंट के काम के लिए आपको कीमतों के पेज से Pro लाइसेंस चाहिए।
इंस्टॉलेशन, एनवायरनमेंट और साइन इन
Mac के लिए ऐप डाउनलोड करें और उसे Applications फ़ोल्डर में ले जाएं। Settings में Prepare environment पर क्लिक करें, और ऐप Docker और कन्वर्ज़न एनवायरनमेंट डाउनलोड करता है। फिर Connect with ChatGPT से साइन इन करें। ऐप वाली Lovable गाइड इनमें से हर चरण स्क्रीनशॉट के साथ विस्तार से बताती है। Claude के लिए भी ये चरण वही हैं।
Claude Design का एक्सपोर्ट ऐप में लाना
एक्सपोर्ट के लिए Claude में आर्टिफ़ैक्ट को .html फ़ाइल के रूप में डाउनलोड करें। एक फ़ोल्डर बनाएं और फ़ाइल को उसमें index.html नाम से सेव करें। डिज़ाइन में कुछ इमेज फ़ाइल के बाहर से लिंक होती हैं। उन्हें उसी फ़ोल्डर में उन जगहों पर रखें, जहां कोड उन्हें ढूंढता है। दूसरे पेज, जैसे About या Contact, उसके बगल में about.html और contact.html के रूप में जाते हैं। ऐप फ़ाइल के नाम से समझ लेता है कि कौन-सा पेज क्या है।
ऐप में New project (⌘N) पर क्लिक करें। आउटपुट के रूप में HTML WordPress theme रहने दें और Choose a folder चुनें। अगर आपने फ़ोल्डर को ZIP कर लिया है, तो उसकी जगह Import a ZIP इस्तेमाल करें।
WordPress थीम के लिए Flash या Full
Flash डिफ़ॉल्ट है: हर चरण एक बार चलता है, और इसमें लगभग आधा घंटा लगता है। Full हर जाँच चलाता है और गलतियां ठीक करने की कोशिश करता है, इसलिए इसमें लगभग एक घंटा लगता है। एक पेज वाला डिज़ाइन आमतौर पर कम समय वाले सिरे पर रहता है, पर जाँच फिर भी पूरी चलती है।
कन्वर्ज़न के दौरान Overview टैब दिखाता है कि ऐप क्या कर रहा है। इसे रोकने के लिए Stop conversion पर क्लिक करें, फिर Continue से वहीं से आगे बढ़ें।
ऐप में डिज़ाइन की जाँच
Compare टैब मूल और WordPress वर्ज़न को डेस्कटॉप और मोबाइल चौड़ाई पर साथ-साथ दिखाता है। हर पेज देखें, क्योंकि ऑटोमैटिक जाँच ज़्यादातर फ़र्क पकड़ती है, पर सब नहीं। अगर कुछ मेल नहीं खाता, तो उसे चैट में लिखें। बदलाव प्रीव्यू में होता है, और फिर Make release थीम का नया वर्ज़न पैक करता है।
Claude Design से WordPress तक: थीम एक्सपोर्ट करना
Exports टैब में WordPress थीम के बगल में Save पर क्लिक करें और ZIP सेव करें। WordPress में आप उसे Appearance → Themes → Add New → Upload Theme में अपलोड करते हैं। थीम अपने दम पर चलती है: पेज, फ़ॉर्म, मेन्यू और SEO बिना प्लगइन के काम करते हैं।
Visual Edit एडिटर आपके क्लाइंट के लिए क्लिक करके एडिट करने की सुविधा जोड़ता है। अगर आप टर्मिनल में काम करते हैं, तो Claude Code और Codex प्लगइन वाली गाइड यही कन्वर्ज़न बताती है।