دليل ChanTan Studioكيف تعدّل النصوص والألوان والصور بالنقر عليها
غيّر الكلمات والألوان والصور بنفسك بالنقر عليها داخل المعاينة — تعديل النص واللون مجاني، وكل تعديل قابل للتراجع، ولا يحتاج أي شيء منه إلى الذكاء الاصطناعي.
لست مضطرًا إلى مخاطبة الذكاء الاصطناعي في كل تغيير صغير. انقر مباشرة على كلمة أو لون أو صورة داخل معاينتك وغيّرها بنفسك.
تعديل النصوص والألوان مجاني. ورفع صورتك الخاصة مجاني أيضًا. ولا يكلّف رصيدًا إلا توليد صورة جديدة بالذكاء الاصطناعي، والسعر معروض قبل أن تؤكّد.
1. شغّل التعديل المباشر
في شريط أدوات المعاينة، اضغط القلم — واسمه "تعديل النص والألوان والصور مباشرة".
يظهر شريط أخضر في الأعلى: "انقر على النص للكتابة · انقر على صورة لاستبدالها · اختر الألوان — يُحفظ مباشرة في الكود".
وللخروج من وضع التعديل، اضغط زر «إلغاء» على الشريط الأخضر نفسه. هذا هو المخرج الوحيد، ولا يمسّ شيئًا حفظته قبله.
2. وجّه المؤشر إلى ما تريد تغييره
تمرير المؤشر فوق أي عنصر قابل للتعديل يحيطه بـإطار أخضر متقطّع. والنقر عليه يعطيه إطارًا أخضر متصلًا مع شريط أدوات صغير عائم.
3. غيّر الكلمات
انقر مباشرة على الحروف — النقر على الفراغ المجاور لها لا يُحتسب. يظهر مؤشر الكتابة حيث نقرت، وتكتب في المكان نفسه.
ثم اضغط "✓ Save" (حفظ) للإبقاء على التغيير، أو "✕" لرميه.
عنوان موزّع على سطرين يُعامل كقطعتَي نص منفصلتين — تعدّل السطر الذي نقرت عليه، ويُترك الآخر كما هو.
4. غيّر لونًا
تحديد أي عنصر قابل للتعديل يُظهر أيضًا شريط ألوان بصفَّين من العيّنات:
- "A" = لون النص
- "BG" = لون الخلفية
كل صف يعرض ألوان علامتك التجارية من مشروعك أنت، مقروءة مباشرة من تصميمك، إضافةً إلى زر قوس قزح يفتح منتقي الألوان في نظامك لأي لون مخصص.
يتغيّر اللون فورًا كمعاينة. ولا يُكتب في تطبيقك إلا حين تضغط "✓ Save"؛ و**"✕"** يعيد اللون القديم. ولا يتغيّر سوى اللون — أما الحجم والمحاذاة والتباعد فتبقى كما هي تمامًا.
5. استبدل صورة بصورتك الخاصة (مجانًا)
انقر على صورة فيعرض شريط الأدوات "⬆ Replace" (استبدال) و**"✨ Generate"** (توليد).
اضغط "⬆ Replace" ليُفتح منتقي الملفات فتختار صورة — مثلًا صورة قاعة مطعم دار زيتون.
| الملفات المقبولة | PNG، JPG/JPEG، WebP، GIF، AVIF |
| الحجم الأقصى | 15 ميغابايت |
| التكلفة | مجانًا — والنافذة تقول ذلك: "أو ارفع صورتك الخاصة — مجانًا" |
سترى "جارٍ رفع صورتك…" ثم "تم استبدال الصورة". وتحدّث المعاينة نفسها مرة واحدة عند وصول الملف (خلال نحو 12 ثانية في أسوأ الأحوال)، فلا تحتاج إلى التحديث يدويًا.
6. أو ولّد صورة جديدة بالذكاء الاصطناعي (تكلّف رصيدًا)
اضغط "✨ Generate" فتُفتح نافذة:
- صِف الصورة. مثلًا: "مقهى دافئ بإضاءة هادئة". حرفان على الأقل.
- اختر الجودة. بطاقتان، كل واحدة تعرض سعرها بالرصيد:
- "عادي" — "سريع وبجودة جيدة" — نحو 14 ثانية
- "مميز" — "أفضل جودة، ممتاز مع النصوص" — نحو 32 ثانية
- اضغط "إنشاء". يمرّ شريط زمني حقيقي عبر "تركيب المشهد…" و*"رسم التفاصيل…"* و*"اللمسات الأخيرة…"*.
- قرّر. ترى القديمة والجديدة جنبًا إلى جنب، معلّمتَين "الحالية" و**"الجديدة"، ومعهما "استخدم هذه الصورة" و"جرّب أخرى"** و**"عدّل الوصف"**.
⚠️ يُخصم منك الرصيد لحظة إنشاء الصورة — لا لحظة قبولها. والضغط على "جرّب أخرى" خصمٌ ثانٍ، والإلغاء بعد رؤية الصورة لا يُعيد المبلغ. وتصلك رسالة في اللحظة نفسها: "تم خصم {عدد} رصيد لهذه الصورة". ولا يُخصم شيء إذا فشل التوليد.
بالإعدادات الحالية: رصيد واحد لـ"عادي" و22 رصيدًا لـ"مميز". والأسعار تُحسب مباشرة من حسابك، ولذلك الرقم المطبوع على البطاقة هو الحقيقة دائمًا — ثق به قبل أي رقم مذكور في أي مكان آخر.
✅ تم! ترى "تم الحفظ — تغييرك أصبح في الكود"، ويظهر التغيير في تطبيقك فورًا.
هذه تغييرات حقيقية في تطبيقك، لا حيل معاينة. وكل تعديل مباشر يحفظ نسخة كاملة من مشروعك قبل أن يكتب أي شيء — فزر "تراجع" المعتاد يعيد الحال تمامًا، بما في ذلك الصورة نفسها.
ما يمكنك تغييره وما لا يمكنك بهذه الطريقة
التعديل بالنقر ضيّق عن قصد. هو يغيّر الكلمات التي تراها، ولون النص، ولون الخلفية، والصور. هذه هي القائمة كاملة.
وكل ما عداها يمرّ عبر المحادثة:
- التخطيط والتباعد والمحاذاة وحجم النص
- إضافة أقسام وصفحات أو حذفها أو إعادة ترتيبها
- الحركات والتأثيرات
- سلوك الأزرار والروابط والنماذج
- كل ما تحرّكه بياناتك
وحين تنقر على شيء لا يستطيع تغييره بأمان، يرفض بدل أن يخمّن:
| الرسالة | ماذا تفعل |
|---|---|
| "This text comes from data — ask for the change in the chat." (هذا النص يأتي من البيانات) | تلك الكلمة تُملأ من قائمة يحفظها تطبيقك. غيّر السجل من "الإدارة ▾" ← "قاعدة البيانات"، أو اكتب التغيير في المحادثة |
| "This element's styling is dynamic — ask for the change in the chat." (تنسيق هذا العنصر ديناميكي) | اكتب تغيير اللون في المحادثة |
| "This changed since you opened it — reopen and try again." (تغيّر هذا منذ أن فتحته) | حدّث المعاينة، وانقر العنصر مجددًا، وأعد التعديل |
| "Couldn't apply that edit — ask for the change in the chat instead." (تعذّر تطبيق التعديل) | صِف ما تريده في المحادثة |
| "This image isn't part of your project — ask for the change in the chat." (هذه الصورة ليست جزءًا من مشروعك) | الصورة تأتي من موقع آخر. اطلب التغيير في المحادثة |
| "This file is managed by Chantan — ask in chat to change it." (هذا الملف يديره Chantan) | اطلب التغيير في المحادثة |
| "A build is running — try again when it finishes." (هناك بناء قيد التشغيل) | انتظر انتهاء البناء |
⚠️ لا يوجد زر "Ask AI" في أي مكان. كانت نسخ قديمة من هذه الرسائل تذكره؛ وهو لم يوجد قط. و"اطلب في المحادثة" تعني ببساطة: اكتب طلبك في صندوق المحادثة وأرسله.
مشاكل الرفع
| الرسالة | ماذا تفعل |
|---|---|
| "Please choose an image file (PNG, JPG, WebP…)." (اختر ملف صورة) | اختر ملف صورة حقيقيًا |
| "That image is over 15 MB — please choose a smaller one." (الصورة تتجاوز 15 ميغابايت) | اقتصّها أو اضغطها أولًا |
| "That file doesn't look like an image — please choose a PNG, JPG or WebP." (الملف لا يبدو صورة) | أعد حفظه بصيغة PNG أو JPG |
| "Couldn't process that image — try a plain PNG or JPG (animated images aren't supported)." (تعذّرت معالجة الصورة) | استخدم صورة ثابتة |
| "Could not save the image. Try again." (تعذّر حفظ الصورة) | أعد المحاولة — المشكلة ليست في ملفك |
| "Slow down a moment — too many edits." (تمهّل قليلًا — تعديلات كثيرة) | بلغتَ حدّ 40 تعديلًا في الدقيقة. توقف ثوانٍ |
وإذا استبدلت صورة وما زلت ترى القديمة بعد نحو 12 ثانية، اضغط "تحديث المعاينة". وإن بقيت قديمة، أعد تشغيل المعاينة من "سجل النسخ".
حدود نذكرها بصراحة
- لا يمكنك التعديل أثناء عمل الذكاء الاصطناعي. يُطفئ القلم نفسه، وأي تعديل يتسلل يُرفض — فلا تتصارع نقرتك مع عمل الذكاء الاصطناعي على الملف نفسه أبدًا.
- التعديل محجوب أثناء استعراض نسخة قديمة، عن قصد.
- إذا لم يظهر القلم أصلًا، فهذه المعاينة لم تُبلّغ بأن فيها أجزاءً قابلة للتعديل — والمشاريع الأقدم تعرض أداة سهم بسيطة بدلًا منه، تصف ما نقرت عليه وتُسقط ذلك الوصف في صندوق المحادثة نيابةً عنك. وأحيانًا يعيد الإيقاظ أو إعادة تشغيل المعاينة القلمَ. ولن تحصل أبدًا على قلم لا يفعل شيئًا.
- للمستخدم العربي: شريط أدوات المعاينة وبطاقة النوم ونافذة توليد الصور واسما الجودة كلها معرّبة، لكن رسائل الرفض وأخطاء الرفع أعلاه ما زالت تظهر بالإنجليزية، وكذلك أزرار الشريط العائم داخل المعاينة (Save · Replace · Generate). كل شيء يعمل؛ الصياغة وحدها غير مترجمة.