צור עיצובים אינטראקטיביים עם קוד Canva
Canva Code מאפשר לכם ליצור עיצובים אינטראקטיביים רספונסיביים ללא כל העיון הטכני של כתיבת קוד. ניתן להשתמש ב-Canva Code בשתי דרכים:
- צור
- עיצובים אינטראקטיביים ל-Code ליצור עיצובים אינטראקטיביים מלאים כגון דפי נחיתה, לוחות בקרה או תיקי עבודות, ולערוך ולפרסם כאתר אינטרנט בעורך של Canva
- הוסף אלמנטים של Code אינטראקטיביים לעיצובים שלך
- צרו אלמנטים אינטראקטיביים כמו חידונים, מחשבונים או תרשימים לעיצוב אחר ועשו בו שימוש חוזר על פני עיצובים מרובים
טיפים:
- קבל מידע נוסף על האופן שבו תכונה זו נחשבת לשימוש שלך ב - AI.
- למד כיצד לכתוב הנחיות טובות יותר כדי למקסם את קצבת הבינה המלאכותית שלך.
צור עיצובים אינטראקטיביים ל-Code
השתמשו בסוג העיצוב Code כאשר ברצונכם לבנות חוויה אינטראקטיבית שלמה.
- צור דפי נחיתה, לוחות בקרה, תיקי עבודות
- ועוד ערכו ושפרו בעורך של Canva
- פרסום כאתר רספונסיבי
- בדף הבית של Canva, בחרו Code. פעולה זו תפתח את העורך של Canva.
- בעורך Canva, התחילו בתיאור העיצוב בכרטיסייה Canva AI. הנחיה משהו כמו "עצב כלי מעקב אינטראקטיבי ידידותי למשתמש".
- לחלופין, בכרטיסייה 'תבניות' באפשרותך גם לעיין או לחפש תבניות שאפשר להתחיל מהן.
- חדדו אותה באמצעות Canva AI או עריכות ישירות. ראו עריכת העיצובים והאלמנטים האינטראקטיביים של Canva Code כדי ללמוד כיצד.
הוסף אלמנטים של Code אינטראקטיביים לעיצובים שלך
עברו אל Canva AI ולאחר מכן, בחרו Code כאשר אתם רוצים ליצור רכיב אינטראקטיבי אחד.
- צור חידונים, מחשבונים, תרשימים ועוד כאלמנטים.
- הוסף אותם למצגות, ללוחות חכמים או לסוגי עיצוב אחרים. פרסום כאתר אינטרנט או שימוש חוזר באלמנטים במספר עיצובים.
- בדף הבית של Canva, בחרו ב- Canva AI.
- בתיבה הנחיה, תארו את אלמנט ה-Code האינטראקטיבי שברצונכם ליצור. קבלו מידע נוסף על הנחיה AI כאן. בחרו
- ב -</> קוד.
- לחץ על Enter במקלדת או על לחצן השליחה . Canva AI מכינה את העיצוב שלכם על סמך
- ההנחיה שלכם.לאחר יצירת עיצוב הקוד, בחרו באפשרות שימוש
- בעיצוב . תחת הוסף כאלמנט אל, בחר סוג מסמך כדי להוסיף אותו כאלמנט Code אינטראקטיבי.
- כדי לשפר את העיצוב שנוצר על ידי קוד Canva, העבירו את השכלולים שלכם בתיבת הצ'אט בחלונית הצד.
הערה: ניתן לגשת לגרסאות העיצוב מאת שרשור הצ'אט שלכם באמצעות Canva AI.
ערכו את העיצובים והאלמנטים האינטראקטיביים שלכם שנוצרו באמצעות קוד Canva
חדדו את העיצובים שלכם שנוצרו באמצעות קוד Canva בעזרת הכלים בעורך. עיין ב'ערוך עיצובים ואלמנטים אינטראקטיביים שנוצרו על ידי קוד Canva' כדי לקבל מידע נוסף.
ראה תצוגה מקדימה ופרסם את העיצוב שלך
בחרו בתצוגה מקדימה כדי לקיים אינטראקציה עם העיצוב שלכם. לאחר שהכול נראה טוב, תוכל לפרסם אותו כאתר אינטרנט. למדו כיצד לפרסם ולנהל אתרים של Canva Code.
הערה: אינטראקטיביות פועלת כאשר העיצוב מוצג ב-Canva או מפורסם כאתר אינטרנט.
גשו, העתק ונהלו גרסאות של Canva Code
בכל פעם שתעדכן את העיצוב של קוד Canva באמצעות הנחיה, Canva שומרת באופן אוטומטי גרסה חדשה בתוך אותו שרשור צ'אט. פעולה זו מאפשרת לכם לבדוק שוב איטרציות מוקדמות יותר, להמשיך לערוך מגרסה קודמת או להעתיק את הקוד שנוצר לשימוש חיצוני.
הציגו את היסטוריית הגרסאות שלכם
- בדף הבית של Canva, פתחו את Canva AI.
- תחת סרגל ההנחיות, בחרו ב -</> קוד כדי להציג את הצ'אטים של Canva Code בסרגל הצד.
- הערה: ניתן לזהות שיחות צ'אט ב-Canva Code לפי הסמל </> שלידן.
- פתח שרשור צ'אט של Canva
- Code. בסרגל הצד, עיין בין הגרסאות הזמינות (לדוגמה: גרסה 1, גרסה 2 ועוד).
הערה: המשך קבלת ההנחיה באותו צ'אט יוצר גרסה חדשה באופן אוטומטי.
יש להשתמש בגרסה קודמת
- פתחו את שרשור הצ'אט של Canva Code.
- בחרו את הגרסה שבה
- ברצונכם להשתמש. בחרו באפשרות השתמש בעיצוב כדי להמשיך לערוך את הגרסה הזו ב-Canva.
הציגו והעתיקו את הקוד
באפשרותכם להציג את הקוד הבסיסי שנוצר על ידי Canva Code ולהעתיק אותו לשימוש חוזר מחוץ ל-Canva.
- בשרשור של Canva Code, מפעילים את האפשרות הצגת הקוד ב - oggle t.
- בחר העתק קוד כדי לשמור אותו בלוח.
מגבלות קוד Canva
- Canva Code תומך בכל השפות הזמינות ב-Canva, פרט למשתמשים בכתובת canva.cn.
- Canva Code יקבל רק הוראות מהתיאור שהזנת או שהשתמשת בו. ככל שתתן יותר הקשר
- והדרכה, התוצאה תהיה טובה יותר. ניתן להעתיק את הקוד ולעשות שימוש חוזר בו באופן חיצוני, אך לא ניתן לייצא אותו כקובץ או לעריכה ישירה בתוך Canva.
האם אוכל לעשות שימוש חוזר בקוד מחוץ ל-Canva?
כן. לאחר ההעתקה, ניתן יהיה להשתמש בקוד בפרויקטים משלכם. הוא אמנם מובנה עבור Canva, אבל אפשר להתאים אותו לכלים חיצוניים או לזרימות עבודה.
האם אוכל להשתמש ביצירות שלי מ-Canva Code לשימוש מסחרי?
ביניכם לבין Canva, ובמידה המותרת על פי חוק, תכונות הקלט ופלט ל-AI שלכם בבעלותכם (כולל Canva Code, והקודים של Canva שנוצרו), ו-Canva לא תגיש תביעת בעלות על זכויות יוצרים על הקלט או הפלט שלכם (כולל קודים של Canva שנוצרו). לפרטים נוספים ולתנאים מלאים, עיינו בתנאי מוצר הבינה המלאכותית.
מי יכול לראות מה אני יוצר בעזרת קוד Canva?
רק אתם יכולים לראות את השיחות שלכם עם Canva Code. לאחר לחיצה על 'שימוש'בעיצוב, נוצר עיצוב חדש בגרסה זו, ותוכל לשתף את העיצוב (כולל קוד Canva) באמצעות הלחצן 'שיתוף' .
אם תפרסם את העיצוב שלך באתר אינטרנט, בקרת הגישה תשלט על ידי ההגדרות שתקבע במהלך פרסום האתר.
האם אוכל לנהל את הגישה של הצוות שלי אל Canva Code?
אם אתה מנהל, מורה או מעצב מותג, באפשרותך לבחור מי יכול לגשת אל Canva Code בצוות או בכיתה שלך.
לא ניתן למצוא את קוד Canva בדף הבית שלך? קבל מידע נוסף על הגבלות הגישה לקוד Canva.
מדוע איני רואה שורות קוד משתנות?
Canva Code משתמשת כעת בעריכה המבוססת על diff, כלומר רק שורות הקוד הנדרשות מתעדכנות במקום ליצור מחדש את הבלוק כולו. הדבר מוביל למשוב מהיר יותר כאשר אתם מבצעים שינויים קטנים בהיגיון העיצובי שלכם.
אם אינך רואה את שורות הקוד משתנות לאחר שליחת ההנחיה, פירוש הדבר ש-Canva פועלת ברקע כדי להחיל רק את השינויים הנדרשים. המתן עד לסיום יצירת גרסה נוספת של Canva Code.
האם זה עזר?
מועיל
לא מועיל