Lovable से WordPress: html2wp ऐप में, चरण दर चरण
यह गाइड दिखाती है कि html2wp ऐप में Lovable प्रोजेक्ट को WordPress में कैसे बदलें। आपको न टर्मिनल चाहिए, न प्रोग्रामिंग। आप प्रोजेक्ट को ZIP के रूप में जोड़ते हैं और Flash या Full चुनते हैं। आखिर में आप एक तैयार WordPress थीम डाउनलोड करते हैं, जो आपके डिज़ाइन जैसी दिखती है।
ऐप में Lovable को WordPress में बदलने के लिए क्या चाहिए
- Apple silicon वाला Mac (M1 या नया) और macOS 12 या उसके बाद का वर्ज़न।
- ChatGPT अकाउंट। कन्वर्ज़न आपके अपने सब्सक्रिप्शन वाला AI करता है, इसलिए आप हमें क्रेडिट या टोकन के पैसे नहीं देते।
- Lovable प्रोजेक्ट, ZIP के रूप में या सोर्स कोड वाले फ़ोल्डर के रूप में। उसे पाने के चरण नीचे हैं।
- डिस्क स्पेस। हर चलता हुआ कन्वर्ज़न कई GB लेता है।
Docker Desktop पहले से इंस्टॉल करने की ज़रूरत नहीं है। ज़रूरत पड़ने पर ऐप उसे खुद डाउनलोड और इंस्टॉल करता है। फ़्री टियर पांच-पांच पेज तक की तीन साइटें कन्वर्ट करता है। किसी छोटी साइट को Lovable से WordPress में बदलने के लिए इतना काफ़ी है। क्लाइंट के काम, बड़ी साइटों और WooCommerce दुकान के लिए आपको कीमतों के पेज से Pro लाइसेंस चाहिए।
html2wp ऐप इंस्टॉल करना
Mac के लिए ऐप डाउनलोड करें, DMG फ़ाइल खोलें और html2wp को Applications फ़ोल्डर में खींचें। इस गाइड में बटनों के नाम ठीक वैसे लिखे हैं, जैसे वे स्क्रीन पर दिखते हैं।
एनवायरनमेंट तैयार करना
ऐप की Settings में Prepare environment पर क्लिक करें। ज़रूरत हो, तो ऐप Docker डाउनलोड करके चालू करता है। फिर वह कन्वर्ज़न एनवायरनमेंट और WordPress व डेटाबेस की इमेज लोड करता है। पहली बार इसमें कुछ मिनट लगते हैं। आपका Mac पासवर्ड मांग सकता है, और Docker अपनी लाइसेंस शर्तें दिखाता है।
सब तैयार होने पर ऐप “Ready to work” दिखाता है, और बटन Repair environment में बदल जाता है। इसकी ज़रूरत तभी पड़ती है, जब बाद में एनवायरनमेंट खराब हो जाए।
ChatGPT से साइन इन करना
Connect with ChatGPT पर क्लिक करें। ऐप आपको एक कोड दिखाता है, और Open sign-in page बटन OpenAI का पेज खोलता है। वहां अपने ChatGPT अकाउंट से साइन इन करें और ऐप वाला कोड डालें। पासवर्ड आप सिर्फ़ OpenAI के पेज पर टाइप करते हैं, इसलिए ऐप उसे कभी नहीं देखता।
साइन इन के बाद Conversion model और Reasoning effort चुनें, या डिफ़ॉल्ट रहने दें। अगर आपके पास Pro लाइसेंस है, तो Settings में key डालें और Save & check पर क्लिक करें। फ़्री टियर को key नहीं चाहिए।
ऐप में आपका Lovable प्रोजेक्ट
ऐप को प्रोजेक्ट की सोर्स फ़ाइलें चाहिए, लाइव साइट का पता नहीं। Lovable प्रोजेक्ट को एक GitHub रिपॉज़िटरी से सिंक करता है। उसे GitHub पर खोलें और Code → Download ZIP से डाउनलोड करें। प्रोजेक्ट को बिल्ड करने या npm install चलाने की ज़रूरत नहीं है, क्योंकि ऐप यह खुद करता है।
ऐप में New project (⌘N) पर क्लिक करें। Output में HTML WordPress theme रहने दें और Import a ZIP चुनें। अगर आपने प्रोजेक्ट अनज़िप कर लिया है, तो Choose a folder चुनें। ऐप एक कॉपी पर काम करता है, इसलिए आपकी मूल फ़ाइलें नहीं बदलतीं।
Lovable को WordPress में बदलने के लिए Flash या Full
प्रोजेक्ट स्क्रीन पर आप चुनते हैं कि ऐप Lovable प्रोजेक्ट को WordPress में कितनी बारीकी से बदले। Flash डिफ़ॉल्ट है: हर चरण एक बार चलता है, और इसमें लगभग आधा घंटा लगता है। Full हर जाँच चलाता है और मिली गलतियों को ठीक करने की कोशिश करता है। इसलिए इसमें लगभग एक घंटा लगता है। सटीक समय पेजों की संख्या और आपके Mac की रफ़्तार पर निर्भर करता है।
अगर आपको WordPress नहीं चाहिए, तो प्रकार को Astro 5 पर कर दें। तब ऐप एक स्टैटिक साइट बनाता है, और आप उसे सीधे ऐप से Cloudflare Pages पर डिप्लॉय कर सकते हैं।
कन्वर्ज़न कैसे चलता है
कन्वर्ज़न के दौरान Overview टैब दिखाता है कि कन्वर्ज़न प्लगइन किन चरणों पर काम कर रहा है। वहां वे सुधार भी दिखते हैं, जो उसने खुद किए। ज़्यादातर समय यह आपके बिना चलता है। Lovable प्रोजेक्ट चाहे पुराना React ऐप हो या नया TanStack Start प्रोजेक्ट, ऐप पहले उसे बिल्ड करके ब्राउज़र में खोलता है। फिर वह हर पेज को तैयार HTML के रूप में सेव करता है। उसके बाद ही वह उस HTML को थीम में बदलता है।
रोकने के लिए Stop conversion पर क्लिक करें, फिर Continue से वहीं से आगे बढ़ें। अगर प्लगइन किसी चरण पर खुद रुक जाए, तो Repair and continue उसे गलती ठीक करके आगे बढ़ने देता है।
Lovable साइट और WordPress की तुलना
Compare टैब मूल साइट का हर पेज WordPress वर्ज़न के बगल में दिखाता है। तुलना डेस्कटॉप चौड़ाई (Desktop · 1440) और मोबाइल चौड़ाई (Mobile · 390) पर होती है। फ़र्क प्रतिशत में दिखता है। हर पेज खुद देखें। ऑटोमैटिक जाँच ज़्यादातर फ़र्क पकड़ती है, पर सब नहीं। एक कन्वर्ज़न में पूरा एक सेक्शन गायब था, और फ़र्क सिर्फ़ 0.4% था।
Preview टैब में Open website लोकल WordPress साइट खोलता है, और WordPress admin उसका डैशबोर्ड खोलता है। कुछ बदलना हो, तो दाईं ओर की चैट में लिख दें। बदलाव कुछ ही सेकंड में सीधे प्रीव्यू में दिखता है। फिर Make release पर क्लिक करें। ऐप थीम को ठीक वैसे पैक करता है, जैसी वह प्रीव्यू में दिखती है।
Lovable से WordPress: थीम एक्सपोर्ट करना
कन्वर्ज़न पूरा होने पर तैयार फ़ाइलें Exports टैब में मिलती हैं। WordPress थीम के बगल में Save पर क्लिक करें और ZIP सेव करें। वहां PDF में कन्वर्ज़न रिपोर्ट, मूल प्रोजेक्ट का ZIP और, Flash कन्वर्ज़न के बाद, एक Astro 5 प्रोजेक्ट भी मिलता है।
WordPress में Appearance → Themes → Add New → Upload Theme पर जाएं, ZIP चुनें और थीम को एक्टिवेट करें। पेज, ब्लॉग, फ़ॉर्म, मेन्यू, SEO और रीडायरेक्ट सब थीम का हिस्सा हैं और बिना प्लगइन के काम करते हैं।
क्लाइंट को पेज पर सीधे क्लिक करके टेक्स्ट और इमेज एडिट करने देना है, तो Visual Edit एडिटर जोड़ें। टर्मिनल में एजेंट के साथ काम करना पसंद है, तो Claude Code और Codex प्लगइन वाली गाइड यही कन्वर्ज़न बताती है।