صفحة Canva الرئيسية
المساعدة

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


هذا المقال مُترجم آلياً.يُرجى إخبارنا في حال وجدت أي أخطاء.

تُمكِّنك كود Canva البرمجي من صَمَّمَ متجاوبة وتفاعلية دون الحاجة إلى الطابع التقني لكتابة التعليمات البرمجية. يمكنك استخدام كود Canva البرمجي بطريقتين:

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

نصائح:

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

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

  • إنشاء الصفحات المنتقل إليها ولوحات المعلومات والملفات الشخصية والمزيد
  • تعديل وحسِّنًا في محرِّر Canva
  • انشر كالموقع الإلكتروني متجاوب
  1. من الصفحة الرئيسية لـ Canva ، حدِّد الرمز. سيؤدي هذا إلى فتح محرر Canva.
  2. في محرر Canva ، ابدأ بوصف تصميمك في علامة التبويب
    Canva AI. اطّلع على شيء مثل "صمم أداة تتبُّع تمارين تفاعلية سهلة الاستخدام".
  3. وبدلاً من ذلك ، في علامة
    التبويب "القوالب" ، يمكنك أيضاً تصفح القوالب أو البحث عنها للبدء منها.
  4. قم بتنقيحها باستخدام
    مجموعة الذكاء الاصطناعي من Canva أو التعديلات المباشرة. اطّلع على تعديل التصميمات والعناصر البرمجية التفاعلية من Canva لتتعرَّف على الطريقة.

أضف عناصر الكود البرمجي التفاعلية إلى ما صَمَّمْتَه

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

  • إنشاء اختبارات ، وآلات حاسبة ، ورسوم بيانية ، والمزيد في شكل عناصر.
  • أضفها إلى العروض التقديمية أو السبورات البيضاء أو أنواع المستندات الأخرى. انشر كالموقع الإلكتروني أو أعِد استخدام عناصر عبر صَمَّمَ متعددة.
  1. في الصفحة الرئيسية لـ Canva ، اختر
    Canva AI.
  2. في مربع المطالبة ، قم بوصف عنصر التعليمات البرمجية التفاعلي الذي ترغب في إنشائه. تعرف على المزيد حول مطالبة الذكاء الاصطناعي هنا.
  3. حدد </> الرمز.
  4. اضغط على Enter بلوحة المفاتيح أو انقر فوق زر
    إرسال. تهيئ مجموعة الذكاء الاصطناعي من Canva تصميمك بناءً على مطالبتك.
  5. بعد إنشاء تصميم الرمز ، حدد استخدام في تصميم.
  6. ضمن إضافة كعنصر إلى ، حدد نوع المستند لإضافته كعنصر تعليمات برمجية تفاعلي.
  7. لتحسين التصميم الذي تم إنشاؤه بواسطة رمز Canva ، اطلب من التحسينات التي أجريتها في مربع الدردشة في اللوحة الجانبية.

ملاحظة: يمكنك الوصول إلى إصدارات التصميم من سلسلة محادثات الدردشة مع Canva AI.

تعديل التصميمات والعناصر التفاعلية التي تم إنشاؤها بواسطة كود Canva البرمجي

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

قم بمعاينة صَمَّمَك ونشره

حدد

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

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

الوصول إلى إصدارات كود Canva البرمجي ونسخها وإدارتها

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

عرض سجل الإصدار الخاص بك

  1. من الصفحة الرئيسية لـ Canva ، افتح
    Canva AI. ضمن شريط المطالبات ،
  2. حدِّد </> الرمز لعرض دردشات رمز Canva البرمجي في الشريط الجانبي.
    • ملاحظة: يمكنك تحديد دردشات Canva Code من خلال الأيقونة </> بجانبها.
  3. افتح سلسلة محادثات رمز Canva البرمجي.
  4. تصفح في الشريط الجانبي الإصدارات المتاحة (على سبيل المثال: الإصدار 1 والإصدار 2 والمزيد).

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

استخدم إصدارًا سابقًا

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

عرض الرمز وانسخه

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

  1. في سلسلة التعليمات البرمجية لـ Canva، قم بتشغيل مفتاح عرض التعليمات البرمجية.
  2. اختر نسخ الرمز لحفظه في حافظتك.

قيود كود Canva البرمجي

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

ماذا يمكنني أن أفعل إذا لم يتم نشر الموقع الإلكتروني كود Canva البرمجي الخاص بي؟

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

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

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

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

هل يمكنني إعادة استخدام تعليمات برمجية خارج Canva؟

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

هل يمكنني استخدام إبداعاتي من كود Canva البرمجي للاستخدام التجاري؟

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

من الذي يمكنه رؤية ما أنشئه باستخدام كود Canva البرمجي؟

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

زر مشاركة .

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

هل يمكنني إدارة وصول فريقي إلى كود Canva البرمجي؟

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

هل يتعذّر عليك العثور على رمز Canva على صفحتك الرئيسية ؟ تعرّف على المزيد حول قيود الوصول إلى رمز Canva.

لماذا لا أرى أي تغيير في سطور التعليمات البرمجية؟

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

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

هل كانت المقالة مفيدة؟

مفيد

غير مفيد

ما اطّلع عليه الأشخاص أيضًا