html2wp / गाइड
वेबसाइट को WordPress में कन्वर्ट करने के दो तरीके हैं। Mac पर html2wp ऐप में आप स्टेप दर स्टेप क्लिक करते हैं और टर्मिनल की कभी ज़रूरत नहीं पड़ती। Claude Code और Codex वाले प्लगइन के साथ आप टर्मिनल में एक एजेंट के साथ काम करते हैं। हर तरीके के लिए दो गाइड हैं: एक Lovable प्रोजेक्ट के लिए और एक Claude Design के डिज़ाइन के लिए। इनमें जो कुछ लिखा है, वह हमारे असली कन्वर्ज़न से लिया गया है।
html2wp ऐप से Lovable को WordPress में, स्टेप दर स्टेप
आप Lovable प्रोजेक्ट को GitHub से ZIP के रूप में डाउनलोड करते हैं, उसे ऐप में जोड़ते हैं और Flash या Full चुनते हैं। गाइड में ऐप इंस्टॉल करना, साइन इन करना और पेज जाँचना शामिल है। आखिर में थीम WordPress पर अपलोड होती है, और हर जगह स्क्रीनशॉट दिए गए हैं।
html2wp ऐप से Claude Design को WordPress में
आप Claude से डिज़ाइन को HTML के रूप में एक फ़ोल्डर में सेव करते हैं, उसे ऐप में खोलते हैं और कन्वर्ज़न शुरू करते हैं। थीम तक पहुँचने का यह सबसे छोटा रास्ता है, क्योंकि ऐप को कुछ बिल्ड नहीं करना पड़ता। गाइड में हर स्टेप का स्क्रीनशॉट है।
Lovable से WordPress: एक प्रोजेक्ट जो असली थीम बना
पुराना Lovable प्रोजेक्ट एक React ऐप होता है। जब तक आप उसे बिल्ड करके असली ब्राउज़र में नहीं चलाते, उसके HTML में कन्वर्ट करने लायक कुछ नहीं होता। TanStack Start पर बने नए प्रोजेक्ट अपने पेज सर्वर पर रेंडर करते हैं, और कन्वर्टर दोनों को संभालता है। यह लंबा रास्ता है, और इसमें अतिरिक्त स्टेप समझाया गया है। साथ में एक उदाहरण भी है: आप मूल साइट और कन्वर्ट की गई साइट खोलकर उनकी तुलना कर सकते हैं।
Claude Design के डिज़ाइन को WordPress में कैसे बदलें
HTML artifact ठीक वही इनपुट है जो कन्वर्टर चाहता है। इसलिए बने हुए डिज़ाइन से थीम तक यह सबसे छोटा रास्ता है। गाइड बताती है कि शुरुआत में क्या जाँचना है और कन्वर्ज़न आपके लिए क्या तय करता है। यह भी दिखाती है कि बाद में पेज बिल्डर लेने पर असल में क्या बदलता है।
अगर आप क्लिक करके हर पेज को मूल के बगल में देखना चाहते हैं, बिना टर्मिनल के, तो ऐप चुनें। अगर आप पहले से Claude Code या Codex में काम करते हैं, तो प्लगइन चुनें। वहाँ आप सीधे प्रोजेक्ट फ़ोल्डर में एक वाक्य लिखकर कन्वर्ज़न शुरू करते हैं।
अगर आपने साइट Lovable, Bolt या v0 में बनाई है, तो आपके पास एक React ऐप है। उसके पेज सिर्फ़ ब्राउज़र में बनते हैं। इसलिए कन्वर्ज़न में एक स्टेप जुड़ता है, जो प्रोजेक्ट को बिल्ड करता है और हर route को तैयार HTML के रूप में सेव करता है। Lovable गाइड इसी स्टेप के बारे में है, और Bolt व v0 के लिए भी यह ऐसे ही काम करता है।
अगर आपके पास तैयार HTML फ़ाइलें हैं, जैसे Claude का artifact या हाथ से लिखी साइट, तो बिल्ड करने को कुछ नहीं है। तब कन्वर्ज़न सीधे पेजों के विश्लेषण से शुरू होता है, और Claude Design गाइड यही बताती है।
दोनों रास्तों का नतीजा एक ही है: ZIP फ़ाइल में एक स्वतंत्र WordPress थीम और कन्वर्ज़न की रिपोर्ट। क्लाइंट को सौंपने से पहले आप उसकी तुलना मूल से करते हैं। डेस्कटॉप ऐप के "Compare" (तुलना) टैब में आप एक-एक पेज देखते हैं। कन्वर्टर किसी लाइव वेबसाइट का पता स्वीकार नहीं करता। उसे हमेशा एक फ़ोल्डर या ZIP चाहिए, जिसमें वे फ़ाइलें हों जिनसे साइट बनी है।
गाइड में दिए आँकड़े असली कन्वर्ज़न के आउटपुट से हैं। इनमें कन्वर्ज़न का समय, फ़्री टियर की सीमाएँ और वे चौड़ाइयाँ शामिल हैं जिन पर पेजों की तुलना होती है। इसलिए आप इन्हें अपने प्रोजेक्ट पर जाँचकर हमारे बताए नतीजों से मिला सकते हैं। अगर आपकी साइट पर नतीजा गाइड से अलग निकले, तो हमारे फ़ॉर्म से हमें बताएँ। साथ में यह भी लिखें कि साइट किस टूल से बनी है।
गाइड जानबूझकर पूरी कन्वर्ज़न प्रक्रिया नहीं दोहरातीं। ऐप का डॉक्यूमेंटेशन ऐप इंस्टॉल करने, मॉडल चुनने और Flash व Full के फ़र्क के बारे में बताता है। उसमें यह भी लिखा है कि आपके कंप्यूटर से क्या बाहर जाता है। आप अभी आज़मा सकते हैं: फ़्री टियर पाँच-पाँच पेज तक की तीन साइटें कन्वर्ट करता है, बिना key और बिना साइन-अप के।
