من Lovable إلى WordPress بتطبيق html2wp، خطوة بخطوة
تنزّل مشروع Lovable من GitHub بصيغة ZIP، وتضيفه إلى التطبيق، وتختار Flash أو Full. يشرح الدليل تثبيت التطبيق وتسجيل الدخول وفحص الصفحات. وينتهي برفع القالب إلى WordPress، مع لقطات شاشة في كل مرحلة.
html2wp / الأدلة
أدلة: كيف تحوّل موقعًا إلى WordPress
هناك طريقتان لتحويل موقع إلى WordPress. في تطبيق html2wp على Mac تنقر عبر الخطوات ولا تحتاج إلى الطرفية (Terminal) أبدًا. ومع الإضافة الخاصة بـ Claude Code وCodex تعمل في الطرفية مع وكيل ذكاء اصطناعي. لكل طريقة دليل لمشروع Lovable ودليل لتصميم من Claude Design. كل ما فيها يصف عمليات تحويل أجريناها فعلًا.
في تطبيق html2wp على Mac
من Claude Design إلى WordPress بتطبيق html2wp
تحفظ التصميم من Claude بصيغة HTML في مجلد، وتفتحه في التطبيق، وتبدأ التحويل. إنه أقصر طريق إلى قالب، لأن التطبيق لا يحتاج إلى بناء أي شيء. وفي الدليل لقطة شاشة لكل خطوة.
مع الإضافة الخاصة بـ Claude Code وCodex
من Lovable إلى WordPress: مشروع تحوّل إلى قالب حقيقي
مشروع Lovable القديم هو تطبيق React، وملف HTML الخاص به لا يحتوي على شيء يمكن تحويله إلى أن تبنيه وتشغّله في متصفح حقيقي. أما المشاريع الأحدث على TanStack Start فتعرض صفحاتها على الخادم، والمحوّل يتعامل مع النوعين. هذا هو الطريق الأطول، والخطوة الإضافية مشروحة فيه. وفيه مثال أيضًا: يمكنك فتح الموقع الأصلي والموقع المحوَّل ومقارنتهما.
كيف تحوّل تصميمًا من Claude Design إلى WordPress
ملف HTML الذي يصنعه Claude (artifact) هو بالضبط المدخل الذي يريده المحوّل. لهذا فهو أقصر طريق من تصميم مولَّد إلى قالب. يشرح الدليل ما تفحصه في البداية وما يقرره التحويل نيابة عنك. ويبيّن أيضًا ما الذي يتغير فعلًا إذا لجأت بعد ذلك إلى أداة بناء الصفحات (page builder).
أي دليل يناسبك
اختر التطبيق إذا أردت أن تنقر وترى كل صفحة بجانب الأصل، دون الطرفية. واختر الإضافة إذا كنت تعمل أصلًا في Claude Code أو Codex. هناك تبدأ التحويل بجملة واحدة، داخل مجلد المشروع مباشرة.
إذا بنيت الموقع في Lovable أو Bolt أو v0، فلديك تطبيق React. صفحاته لا تتكوّن إلا في المتصفح. لذلك يضيف التحويل خطوة تبني المشروع وتحفظ كل مسار (route) كملف HTML جاهز. يصف دليل Lovable هذه الخطوة، وهي تعمل بالطريقة نفسها مع Bolt وv0.
أما إذا كانت لديك ملفات HTML جاهزة، مثل artifact من Claude أو موقع مكتوب يدويًا، فلا شيء يحتاج إلى بناء. يبدأ التحويل مباشرة بتحليل الصفحات، وهذا ما يصفه دليل Claude Design.
في الحالتين النتيجة واحدة: قالب WordPress مستقل في ملف ZIP، وتقرير عن التحويل. قبل أن تسلّمه لعميل، تقارنه بالأصل. تمرّ عليه صفحةً صفحة في تبويب «Compare» (المقارنة) في تطبيق سطح المكتب. لا يقبل المحوّل عنوان موقع منشور. يحتاج دائمًا إلى مجلد أو ملف ZIP فيه الملفات التي بُني منها الموقع.
الأرقام في الأدلة مأخوذة من مخرجات عمليات تحويل حقيقية. يشمل ذلك مدة التحويل، وحدود النسخة المجانية (Free)، وعروض الشاشة التي تُقارن عندها الصفحات. لذا يمكنك التحقق منها على مشروعك ومقارنتها بما نصفه. إذا تصرفت النتيجة على موقعك بشكل مختلف عما يقوله الدليل، فأخبرنا عبر النموذج. واذكر أيضًا الأداة التي جاء منها الموقع.
لا تكرر الأدلة عملية التحويل كاملة، وهذا مقصود. توثيق التطبيق يشرح تثبيته، واختيار نموذج الذكاء الاصطناعي، والفرق بين Flash وFull. ويذكر أيضًا ما الذي يغادر جهازك. يمكنك التجربة فورًا: النسخة المجانية تحوّل ثلاثة مواقع، كل منها حتى خمس صفحات، دون مفتاح ودون تسجيل.