إنشاء تصميمات تفاعلية باستخدام كود Canva
تتيح لك ميزة "كود كانفا" إنشاء تصاميم تفاعلية متجاوبة دون الحاجة إلى كتابة أكواد برمجية معقدة. يمكنك استخدام "كود كانفا" بطريقتين:
- أنشئ تصميمات برمجية تفاعلية أنشئ
- تصميمات تفاعلية كاملة مثل صفحات الهبوط، ولوحات المعلومات، أو معارض الأعمال، وقم بتحريرها ونشرها كمواقع ويب في محرر Canva
- أضف عناصر
- برمجية تفاعلية إلى تصميماتك أنشئ عناصر تفاعلية مثل الاختبارات أو الآلات الحاسبة أو الرسوم البيانية لتصميم آخر، ثم أعد استخدامها في تصميمات متعددة.
نصائح:
- تعرف على المزيد حول كيفية احتساب هذه الميزة ضمن استخدامك للذكاء الاصطناعي.
- تعرف على كيفية كتابة مطالبات أفضل لزيادة بدل الذكاء الاصطناعي الخاص بك.
أنشئ تصميمات برمجية تفاعلية
استخدم نوع تصميم الكود عندما تريد إنشاء تجربة تفاعلية كاملة.
- أنشئ صفحات هبوط، ولوحات تحكم، ومحافظ أعمال، والمزيد
- قم بالتحرير والتحسين في محرر Canva
- انشر كموقع ويب متجاوب
- من الصفحة الرئيسية لـ Canva، اختر "البرمجة" . سيؤدي هذا إلى فتح محرر Canva.
- في محرر Canva، ابدأ بوصف تصميمك في علامة تبويب Canva AI. اطلب منك كتابة شيء مثل "صمم متتبع تمارين تفاعلي وسهل الاستخدام".
- بدلاً من ذلك، يمكنك أيضاً تصفح أو البحث عن قوالب للبدء منها في علامة التبويب "القوالب". يمكنك تحسينه
- باستخدام تقنية الذكاء الاصطناعي في Canva أو عن طريق التعديلات المباشرة. راجع قسم "تعديل تصميمات وعناصر كود Canva التفاعلية" لمعرفة كيفية القيام بذلك.
أضف عناصر برمجية تفاعلية إلى تصميماتك
انتقل إلى Canva AI ثم اكتب الكود عندما تريد إنشاء مكون تفاعلي واحد.
- أنشئ اختبارات، وآلات حاسبة، ومخططات بيانية، والمزيد كعناصر.
- أضفها إلى العروض التقديمية، أو السبورة البيضاء، أو أنواع التصميم الأخرى. انشرها كموقع ويب أو أعد استخدام العناصر في تصميمات متعددة.
- في الصفحة الرئيسية لـ Canva، اختر Canva AI.
- في مربع "المطالبة"، صف عنصر الكود التفاعلي الذي ترغب في إنشائه. تعرف على المزيد حول مطالبات الذكاء الاصطناعي هنا.
- حدد </> رمز.
- اضغط على زر الإدخال في لوحة المفاتيح أو انقر على زر الإرسال . يقوم برنامج Canva AI بإعداد تصميمك بناءً على
- طلبك. بعد إنشاء تصميم الكود، حدد " استخدام
- في تصميم" . ضمن قسم "إضافة كعنصر إلى" ، حدد نوع المستند لإضافته كعنصر كود تفاعلي. لتحسين
- التصميم الذي تم إنشاؤه بواسطة كود Canva، يرجى تقديم ملاحظاتك في مربع الدردشة الموجود في اللوحة الجانبية.
ملاحظة: يمكنك الوصول إلى إصدارات التصميم من خلال محادثة الدردشة الخاصة بك باستخدام Canva AI.
قم بتحرير تصميماتك وعناصرك التفاعلية التي تم إنشاؤها بواسطة كود Canva
حسّن تصميمك المُنشأ بواسطة كود Canva باستخدام الأدوات الموجودة في المحرر. اطّلع على قسم "تحرير التصاميم والعناصر التفاعلية المُنشأة بواسطة كود Canva" لمعرفة المزيد.
استعرض تصميمك وانشره
اختر "معاينة" للتفاعل مع تصميمك. بمجرد أن يبدو كل شيء جيدًا، يمكنك نشره كموقع ويب. تعرّف على كيفية نشر وإدارة مواقع Canva Code.
ملاحظة: تعمل خاصية التفاعل عند عرض التصميم على Canva أو نشره كموقع ويب.
الوصول إلى إصدارات كود Canva ونسخها وإدارتها
في كل مرة تُحدّث فيها تصميمك البرمجي على Canva عبر التنبيه، يحفظ Canva تلقائيًا نسخة جديدة ضمن نفس محادثة الدردشة. يتيح لك هذا مراجعة الإصدارات السابقة، أو متابعة التعديل من إصدار سابق، أو نسخ الكود المُنشأ لاستخدامه خارجيًا.
استعرض سجل إصداراتك
- من الصفحة الرئيسية لـ Canva، افتح Canva AI.
- أسفل شريط "المطالبة"، حدد "</> رمز"لعرض محادثات رمز Canva الخاصة بك في الشريط الجانبي.
- ملاحظة: يمكنك التعرف على محادثات Canva Code من خلال رمز </> الموجود بجانبها.
- افتح محادثة رمز Canva.
- في الشريط الجانبي، استعرض الإصدارات المتاحة (على سبيل المثال: الإصدار 1، الإصدار 2، والمزيد).
ملاحظة: الاستمرار في طرح الأسئلة داخل نفس المحادثة يؤدي تلقائيًا إلى إنشاء نسخة جديدة.
استخدم إصدارًا سابقًا
- افتح سلسلة دردشة كود Canva.
- اختر الإصدار الذي
- تريد استخدامه.اختر " استخدام في تصميم" لمتابعة تحرير هذا الإصدار في Canva.
عرض ونسخ الكود
يمكنك عرض الكود الأساسي الذي تم إنشاؤه بواسطة Canva Code ونسخه لإعادة استخدامه خارج Canva.
- في سلسلة التعليمات البرمجية لـ Canva، قم بتشغيل مفتاح عرض التعليمات البرمجية.
- اختر نسخ الرمز لحفظه في حافظتك.
قيود كود Canva
- يدعم كود Canva جميع اللغات المتاحة على Canva،باستثناء المستخدمين في canva.cn.
- لا يقبل برنامج Canva Code إلا التعليمات الواردة في الوصف الذي أدخلته أو استخدمته. كلما زادت المعلومات والتعليمات التي تقدمها، كانت النتيجة أفضل.
- يمكن نسخ الكود وإعادة استخدامه خارجيًا، ولكن لا يمكن تصديره كملف أو تعديله مباشرة داخل Canva.
هل يمكنني إعادة استخدام الكود خارج Canva؟
نعم. بمجرد نسخ الكود، يمكنك استخدامه في مشاريعك الخاصة. مع أنه مصمم خصيصاً لـ Canva، يمكنك تعديله ليناسب أدوات أو سير عمل خارجية.
هل يمكنني استخدام إبداعاتي من خلال كود Canva لأغراض تجارية؟
بينك وبين كانفا، وبقدر ما يسمح به القانون، أنت تملك مدخلاتك ومخرجاتك لميزات الذكاء الاصطناعي لدينا (بما في ذلك كود كانفا، وأكواد كانفا المُنشأة)، ولن تطالب كانفا بأي حقوق ملكية فكرية على مدخلاتك أو مخرجاتك (بما في ذلك أكواد كانفا المُنشأة). لمزيد من التفاصيل والشروط الكاملة، يُرجى مراجعة شروط منتج الذكاء الاصطناعي لدينا.
من يستطيع رؤية ما أصممه باستخدام كود كانفا؟
أنت وحدك من يستطيع رؤية محادثاتك مع كود Canva. عند النقر على "استخدام في تصميم" ، يتم إنشاء تصميم جديد بتلك النسخة، ويمكنك مشاركة التصميم (بما في ذلك كود Canva) باستخدام زر "مشاركة" .
إذا قمت بنشر تصميمك على موقع ويب، فسيتم التحكم في الوصول من خلال الإعدادات التي تقوم بتكوينها أثناء عملية نشر موقع الويب.
هل يمكنني إدارة وصول فريقي إلى كود Canva؟
إذا كنت مسؤولاً أو مدرساً أو مصمماً للعلامات التجارية، فيمكنك اختيار من يمكنه الوصول إلى كود Canva في فريقك أو فصلك الدراسي.
هل يتعذّر عليك العثور على رمز Canva على صفحتك الرئيسية ؟ تعرّف على المزيد حول قيود الوصول إلى رمز Canva.
لماذا لا أرى أسطرًا من التعليمات البرمجية تتغير؟
يستخدم Canva Code الآن التحرير القائم على المقارنة، مما يعني تحديث الأسطر الضرورية فقط من التعليمات البرمجية بدلاً من إعادة إنشاء الكتلة بأكملها. ينتج عن ذلك استجابة أسرع عند إجراء تغييرات طفيفة على منطق التصميم.
إذا لم يتم تغيير سطور التعليمات البرمجية بعد إرسال المطالبة، فهذا يعني أن Canva تعمل في الخلفية لتطبيق التغييرات اللازمة فقط. يُرجى الانتظار حتى ينتهي Canva Code من إنشاء إصدار آخر.
هل كانت المقالة مفيدة؟
مفيد
غير مفيدة