إنشاء تصميمات تفاعلية باستخدام كود Canva

تتيح لك ميزة "كود Canva البرمجي" إنشاء تصاميم تفاعلية متجاوبة دون الحاجة إلى كتابة تعليمات برمجية معقدة. يمكنك استخدام "كود Canva البرمجي" بطريقتين:

• أنشئ تصميم بالكود البرمجي تفاعلية
  • أنشئ تصميمات تفاعلية كاملة مثل الصفحة المنتقل إليها، ولوحات المعلومات، أو معارض الأعمال، وقم بتحريرها ونشرها كمواقع ويب في محرر Canva
• أضف عنصر الكود البرمجي تفاعلية إلى تصميماتك
  • أنشئ عناصر تفاعلية مثل الاختبارات أو الآلات الحاسبة أو الرسوم البيانية لتصميم آخر، ثم أعد استخدامها في تصميمات متعددة.

استخدم نوع تصميم بالكود البرمجي عندما تريد إنشاء تجربة تفاعلية كاملة.

• أنشئ الصفحات المنتقل إليها، ولوحات المعلومات، ومحافظ أعمال، والمزيد
• قم بالتحرير والتحسين في محرِّر Canva
• انشر كالموقع الإلكتروني متجاوب

انتقل إلى Canva AI ثم تعليمات برمجية عندما تريد إنشاء مكون تفاعلي واحد.

• إنشاء اختبارات، وآلات حاسبة، ورسوم بيانية، والمزيد كعناصر.
• أضفها إلى العروض التقديمية، أو السبورات البيضاء، أو أنواع المستندات الأخرى. انشرها كالموقع الإلكتروني أو أعد استخدام العناصر في صَمَّمَ متعددة.

حسّن تصميمك المُنشأ بواسطة كود Canva البرمجي باستخدام الأدوات الموجودة في المحرِّر. اطّلع على قسم "تحرير التصاميم والعناصر التفاعلية المُنشأة بواسطة كود Canva البرمجي" لمعرفة المزيد.

اختر

ملاحظة: تعمل خاصية التفاعل عند عرض التصميم على Canva أو نشره كموقع إلكتروني.

في كل مرة تُحدّث فيها تصميم Canva بالكود البرمجي الخاص بك عبر التنبيه، يقوم Canva تلقائيًا بحفظ نسخة جديدة ضمن نفس سلسلة الردود. يتيح لك هذا مراجعة الإصدارات السابقة، أو متابعة التعديل من إصدار سابق، أو نسخ التعليمات البرمجية المُنشأة لاستخدامه خارجيًا.

ملاحظة: الاستمرار في كتابة تعليمات نصية داخل نفس المحادثة يؤدي تلقائيًا إلى إنشاء نسخة جديدة.

1. افتح سلسلة دردشة كود Canva.
2. اختر الإصدار الذي
3. تريد استخدامه.اختر " استخدام في تصميم" لمتابعة تحرير هذا الإصدار في Canva.

يمكنك عرض الكود الأساسي الذي تم إنشاؤه بواسطة Canva Code ونسخه لإعادة استخدامه خارج Canva.

• يدعم كود Canva البرمجي جميع اللغات المتاحة على Canva، باستثناء المستخدمين في canva.cn.
• لا يقبل كود Canva البرمجي إلا التعليمات الواردة في الوصف الذي أدخلته أو استخدمته. كلما زادت المعلومات والتعليمات التي تقدمها، كانت النتيجة أفضل.
• يمكن نسخ الكود وإعادة استخدامه خارجيًا، ولكن لا يمكن تصديره كملف أو تعديله مباشرة داخل Canva.

إذا كان موقعك الإلكتروني على كود Canva البرمجي كبيرًا أو معقدًا، فقد تمنع أداة كبيرة الحجم نشره. يمكنك محاولة تبسيط الموقع أو تقسيم محتواك إلى مواقع أو صفحات أصغر. في نفس محادثة كود Canva البرمجي، حاول توجيه Canva AI بما يلي:

• "يرجى تبسيط هذا الموقع الإلكتروني وتقليل حجم الأدوات/وحدات مرتبطة الكبيرة حتى يمكن نشره في Canva."
• "يرجى تقسيم هذا إلى موقعين/صفحتين أصغر قابلتين للنشر."

بعد أن يقوم كود Canva البرمجي بإنشاء النسخة المحدثة، حاول نشرها مرة أخرى.

نصيحة: قد يفيد تقسيم محتواك إلى مواقع إلكترونية أو صفحات أصغر، لأن كل موقع منشور يحتوي على محتوى أقل. إذا قمت بتقسيم موقعك الإلكتروني إلى مواقع منشورة منفصلة، فستحتاج إلى إدارة ومشاركة روابطها بشكل منفصل.

نعم. بمجرد نسخ تعليمات برمجية، يمكنك استخدامه في مشاريعك الخاصة. مع أنه مصمم خصيصاً لـ Canva، يمكنك تعديله ليناسب أدوات أو سير عمل خارجية.

بينك وبين Canva، وبقدر ما يسمح به القانون، أنت تملك مدخلاتك ومخرجاتك لميزات مدعومة بالذكاء الاصطناعي لدينا (بما في ذلك كود Canva البرمجي، وأكواد Canva البرمجية المُنشأة)، ولن تطالب Canva بأي حقوق ملكية فكرية على مدخلاتك أو مخرجاتك (بما في ذلك أكواد Canva البرمجية المُنشأة). لمزيد من التفاصيل والشروط الكاملة، يُرجى مراجعة شروط منتج الذكاء الاصطناعي لدينا.

أنت وحدك من يستطيع رؤية محادثاتك مع كود Canva البرمجي. عند النقر على " استخدام في تصميم" ، يتم إنشاء تصميم جديد بتلك النسخة، ويمكنك مشاركة التصميم (بما في ذلك كود Canva البرمجي) باستخدام

إذا قمت بنشر تصميمك على الموقع الإلكتروني، فسيتم التحكم في الوصول من خلال الإعدادات التي تقوم بتكوينها أثناء تدفق نشر الموقع الإلكتروني.

إذا كنت مشرفاً أو مُعلِّماً أو مصمماً لهوية العلامة التجارية، فيمكنك اختيار من يمكنه الوصول إلى كود Canva البرمجي في فريقك أو فصلك الدراسي.

يستخدم كود Canva البرمجي الآن التحرير القائم على المقارنة، مما يعني تحديث الأسطر الضرورية فقط من التعليمات البرمجية بدلاً من إعادة إنشاء الكتلة بأكملها. ينتج عن ذلك ملاحظات أسرع عند إجراء تغييرات طفيفة على منطق التصميم.