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