Claude Design غيّر عالم WordPress بالكامل!

احصل على خصم 10% على استضافة موقعك: https://www.darrelwilson.com/hostinge... احصل على Claude AI: https://claude.ai/ جرّب Novamira: https://www.darrelwilson.com/novamira (استخدم الكود darrel10 للحصول على الخصم) احصل على Claude Skills: https://drive.google.com/file/d/1gbo-... تعلّم كيفية إنشاء موقع WordPress باستخدام Claude Design وتحويل تصميم HTML النهائي الذي أنشأه Claude إلى عناصر Elementor أصلية قابلة للتعديل. الروابط والأوامر الجاهزة (Prompts): https://share.evernote.com/note/26c0c... في هذا الشرح، سأوضح لك كيفية تصميم موقع إلكتروني متكامل باستخدام Claude AI، ونقله إلى WordPress، ثم تحويل كود HTML إلى أقسام وحاويات وعناوين وصور وأزرار وعناصر Elementor حقيقية. سيظل الموقع النهائي قابلاً للتعديل بالكامل من خلال المحرر المرئي في Elementor، دون الاعتماد على كتلة HTML واحدة ضخمة. ستتعلم كيفية: • إنشاء موقع HTML احترافي باستخدام Claude Design • تحويل تصميم HTML من Claude إلى موقع WordPress • تحويل أقسام HTML إلى عناصر Elementor أصلية • تعديل كل عنوان وصورة وزر وحاوية مباشرة من المحرر المرئي • الحفاظ على التصميم الأصلي مع جعله متوافقًا مع مختلف أحجام الشاشات • إنشاء مواقع WordPress بشكل أسرع باستخدام Claude AI وElementor 0:00 - المقدمة: من ساعتين ونصف إلى 9 دقائق فقط 1:12 - نظرة عامة على عملية التحويل المكوّنة من 6 خطوات 2:22 - الخطوة الأولى: إنشاء لقطة شاشة الموقع والصور باستخدام ChatGPT 5:08 - إنشاء موقع HTML باستخدام Claude Design 7:35 - تثبيت WordPress باستخدام Hostinger 11:43 - التحقق من النطاق وتسجيل الدخول إلى WordPress 14:18 - تجهيز WordPress: قالب Solace وElementor والإعدادات 16:51 - تثبيت إضافة Novamira 17:42 - ربط WordPress بتطبيق Claude Desktop وإعداد MCP 20:21 - رفع الصور إلى مكتبة الوسائط 21:01 - تثبيت Claude Skills 23:01 - شرح طرق التحويل الأربع: النسخة المجانية مقابل Pro 25:07 - تشغيل أمر التحويل (النسخة المجانية) 26:55 - مراجعة الموقع بعد التحويل وإجراء تعديلات سريعة 29:19 - مراجعة الترويسة والتذييل اللذين أنشأهما الذكاء الاصطناعي 30:29 - إصلاح جميع الأخطاء دفعة واحدة باستخدام طريقة لقطة الشاشة 33:41 - إنشاء صفحات إضافية بنفس التصميم 35:20 - التحويل باستخدام Elementor Pro وNovamira Pro 37:53 - نتائج نسخة Pro: القائمة الضخمة والنوافذ المنبثقة 39:34 - الخلاصة النهائية: الذكاء الاصطناعي وWordPress تُعد طريقة العمل هذه مفيدة للمستقلين ومصممي المواقع والوكالات والمبتدئين الذين يرغبون في الجمع بين الحرية الإبداعية للتصاميم التي ينشئها الذكاء الاصطناعي باستخدام HTML ومرونة WordPress وElementor. إذا كنت تريد إنشاء مواقع WordPress مخصصة بسرعة أكبر، دون الحاجة إلى إعادة بناء كل قسم يدويًا، فسيرشدك هذا الشرح خلال العملية كاملة. #WordPress #ClaudeAI #Elementor