تحويل Lovable إلى WordPress: دليل تطبيق html2wp خطوة بخطوة
يشرح هذا الدليل تحويل مشروع Lovable إلى WordPress في تطبيق html2wp. لا تحتاج إلى الطرفية ولا إلى أي برمجة. تضيف المشروع كملف ZIP، وتختار Flash أو Full، وفي النهاية تنزّل قالب WordPress جاهزًا يشبه تصميمك.
ما تحتاجه قبل تحويل Lovable إلى WordPress في التطبيق
- جهاز Mac بمعالج Apple silicon (M1 أو أحدث) ونظام macOS 12 أو أحدث.
- حساب ChatGPT. الذكاء الاصطناعي في اشتراكك أنت هو الذي ينفّذ التحويل، فلا تدفع لنا مقابل أرصدة أو رموز (tokens).
- مشروع Lovable كملف ZIP أو مجلد فيه الكود المصدري. خطوات الحصول عليه أدناه.
- مساحة على القرص. كل تحويل قيد التشغيل يشغل عدة غيغابايت.
لست مضطرًا إلى تثبيت Docker Desktop مسبقًا، لأن التطبيق ينزّله ويثبّته بنفسه عند الحاجة. النسخة المجانية (Free) تحوّل ثلاثة مواقع بحد أقصى خمس صفحات لكل منها، وهذا يكفي لتحويل موقع 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، فأدخل المفتاح في الإعدادات وانقر Save & check. النسخة المجانية لا تحتاج إلى مفتاح.
مشروع Lovable في التطبيق
يحتاج التطبيق إلى ملفات المشروع المصدرية، لا إلى عنوان الموقع المنشور. يزامن Lovable المشروع مع مستودع على GitHub. افتح المستودع على GitHub ونزّله عبر Code → Download ZIP. لست مضطرًا إلى بناء المشروع أو تشغيل npm install، لأن التطبيق يفعل ذلك بنفسه.
في التطبيق، انقر New project (⌘N). تحت Output أبق HTML WordPress theme واختر Import a ZIP، أو Choose a folder إذا كنت قد فككت ضغط المشروع. يعمل التطبيق على نسخة، فتبقى ملفاتك الأصلية دون تغيير.
Flash أم Full عند تحويل Lovable إلى WordPress
تختار في شاشة المشروع مدى الدقة التي يحوّل بها التطبيق موقع 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: تصدير القالب
بعد أن ينتهي تحويل Lovable إلى WordPress، تجد الملفات الجاهزة في تبويب Exports. انقر Save بجانب قالب WordPress واحفظ ملف ZIP. ستجد هناك أيضًا تقرير التحويل بصيغة PDF، وملف ZIP للمشروع الأصلي، ومشروع Astro 5 بعد تحويل Flash.
في WordPress، اذهب إلى «المظهر ← قوالب ← أضف جديد ← رفع قالب» (Appearance → Themes → Add New → Upload Theme)، واختر ملف ZIP وفعّل القالب. الصفحات والمدونة والنماذج والقوائم وSEO وإعادة التوجيه كلها جزء من القالب، وتعمل دون أي إضافة.
إذا أردت أن يعدّل عميلك النصوص والصور بالنقر في الصفحة نفسها، فأضف محرر Visual Edit. وإذا كنت تفضّل العمل مع وكيل في الطرفية، فالتحويل نفسه مشروح في دليل الإضافة لـ Claude Code وCodex.