تحرير موقعك
رقع الدردشة، وتحرير النص المباشر، والإعدادات المسبقة للتصميم، وتغيير الألوان، وسجل الإصدارات.
ثلاث طرق للتحرير
يمنحك Draftly ثلاثة أوضاع تحرير متمايزة:
لتغييرات التصميم، استخدم تعديلات الدردشة. لتعديلات النصوص، استخدم التحرير المباشر. للتغييرات الهيكلية التي تتجاوز قدرة الدردشة، استخدم محرر الكود.
تعديلات الدردشة (رقع جراحية)
تعديلات الدردشة هي أداة التحسين الأساسية. عندما تكتب في الدردشة بعد التوليد، يقوم الذكاء الاصطناعي بـ: 1. تحليل طلبك 2. توليد أقل مجموعة من رقع HTML/CSS (0–8 عمليات) 3. تطبيقها مباشرةً على المعاينة 4. خصم 0.5 رصيد
ما تستطيعه تعديلات الدردشة: - تغيير أي لون أو تدرج أو متغير CSS - إعادة كتابة أي نص — عناوين، نص أساسي، تسميات أزرار - إعادة هيكلة الأقسام — أعمدة الشبكة، قائمة مقابل بطاقات - إضافة أو إزالة عناصر داخل الأقسام - تغيير الخطوط والمسافات والحشو وأنماط الحدود - إدراج قسم جديد في نهاية الصفحة
ما يطلق إعادة التوليد الكاملة: - إعادة تصميم هيكلية كاملة (تغيّر بنية التخطيط) - طلبات تتطلب إعادة تشغيل خط الصورة أو الفيديو - تغييرات منتشرة جدًا لا يمكن التعبير عنها كرقع مستهدفة
يظهر تحذير واضح قبل أي إعادة توليد كاملة. سترى تكلفة الرصيد ويمكنك الإلغاء.
تحرير النص المباشر
انقر على أي نص مرئي في معاينة الموقع لتحريره. تظهر طبقة قابلة للتحرير — اكتب نصك الجديد واضغط Enter أو انقر في مكان آخر للتأكيد.
ما يمكنك تحريره مباشرةً: - العنوان الرئيسي والعنوان الفرعي - تسميات روابط التنقل - عناوين الأقسام والنص الأساسي - تسميات الأزرار - شعار التذييل ومعلومات الاتصال
تُحفظ التعديلات المباشرة في مشروعك تلقائيًا. إعادة النشر تطبقها على الموقع المباشر.
التحرير المباشر مجاني تمامًا — صفر رصيد.
الإعدادات المسبقة للتصميم
الإعدادات المسبقة للتصميم هي تحويلات نمطية بنقرة واحدة تغيّر الطابع البصري الكامل لموقعك دون المساس بالمحتوى.
افتح لوحة الإعدادات المسبقة عبر أيقونة الفرشاة في اللوحة اليسرى للمنشئ.
فئات الإعدادات المسبقة: - المجال — مطاعم، SaaS، معارض أعمال، وكالات، رعاية صحية، لياقة، عقارات، تجميل - لوحات الألوان — Dark، Light، Moody، Vibrant، Minimal، Luxury، Ember، Ocean، Forest - مجموعات الطباعة — Modern Sans، Classic Serif، Geometric، Monospace، Editorial - كثافة التخطيط — Airy (مساحات بيضاء سخية)، Standard، Compact
تطبيق إعداد مسبق: انقر على أي إعداد — تتحدث المعاينة مباشرةً. انقر على آخر للمقارنة. طبّق للتأكيد.
تعدّل الإعدادات المسبقة متغيرات CSS وخيارات الخطوط — وليس بنية HTML. وهي مجانية تمامًا، لا تستهلك أي رصيد.
تغيير الألوان
تُخزَّن ألوان موقعك كمتغيرات CSS في كتلة <style>:
--bg — خلفية الصفحة--accent — اللون المميز الأساسي / لون CTA--text — نص المحتوى--heading — لون العناوين--border — لون الحدود / الفواصلثلاث طرق لتغيير الألوان:
- الدردشة: "غيّر اللون المميز الأساسي إلى #FF6B35" أو "اجعل الخلفية كحلية داكنة"
- الإعدادات المسبقة للتصميم: اختر لوحة ألوان منسقة — تغيّر كل المتغيرات دفعة واحدة
- محرر الكود: عدّل متغيرات CSS في :root مباشرةً في تبويب Code
تغييرات الألوان عبر الدردشة تكلف 0.5 رصيد. تغييرات الإعدادات المسبقة والكود مجانية.
سجل الإصدارات
كل إعادة توليد كاملة وتعديل كبير ينشئ نقطة تفتيش إصدار محفوظة في تبويب History.
للرجوع: 1. افتح تبويب History في المنشئ 2. انقر على أي إصدار سابق لمعاينته في اللوحة اليمنى 3. انقر Restore لجعله إصدارك الحالي
الرجوع مجاني — يستعيد HTML المحفوظ دون استهلاك أي رصيد.
تُخزَّن نقاط تفتيش السجل في Firestore وتبقى بعد تحديثات المتصفح وتبديل الأجهزة وتسجيلات الخروج.