Studio Editor: הוספת קוד מותאם אישית באמצעות ה-AI Assistant
5 דקות
נכון לעכשיו, הפיצ'ר הזה נמצא במצב אלפא.
עם ה-AI Assistant שלנו אתם לא צריכים ניסיון בכתיבת קוד כדי להוסיף לאלמנטים התנהגויות קוד בהתאמה אישית לצורך שיפור האינטראקטיביות או כדי ליצור חוויות מותאמות. כך אתם יכולים להתמקד בחזון היצירתי שלכם, בזמן שהעוזר האישי מטפל בצד הטכני של הקוד, מציע הצעות או מממש את הרעיונות שלכם.
איך מגיעים ל-AI Assistant?
הוספת התנהגות מותאמת אישית עם AI
היכנסו ל-AI Assistant מהחלונית Code (קוד), או הקליקו קליק ימני על האלמנט הספציפי שאתם רוצים לערוך. העוזר האישי ישלח הודעה ראשונית בשמכם: 'What interactive behavior can you apply to (element ID)?' (איזו התנהגות אינטראקטיבית אפשר להפעיל על (מזהה אלמנט)), ויציע הצעות מותאמות לאלמנט.
בחרו התנהגות מוצעת או תארו את ההתנהגות שרציתם. תמיד תהיה לכם הזדמנות לצפות בתצוגה מקדימה של הקוד ולאשר אותו לפני שתוסיפו אותו לאתר של הלקוח.
כדי להוסיף התנהגות מותאמת אישית עם AI:
- עברו אל ה-editor.
- הקליקו קליק ימני על האלמנט הרלוונטי.
- בחרו באפשרות Add Custom Behavior with AI (הוספת התנהגות מותאמת אישית עם AI).
טיפ: פעולה זו תפתח את הצ'אט עם ה-AI Assistant (בחלונית Code) משמאל ב-editor. - בדקו את ההצעות של ה-AI Assistant להתנהגויות מותאמות אישית שהוא יכול להוסיף.
- תארו מה אתם רוצים לערוך והקליקו על אייקון השליחה.
טיפ: אתם לא חייבים לבחור באחת ההצעות אם חשבתם על משהו אחר. ה-AI Assistant יבדוק ויגיד אם הוא יכול להוסיף את העיצוב שעליו חשבתם. - בחרו מה ברצונכם לעשות בהמשך:
- להמשיך ולשפר את ההתאמה האישית: המשיכו בצ'אט עם ה-AI Assistant כדי להבהיר את העיצוב הספציפי שאתם רוצים להוסיף.
- לראות את הקוד בתצוגה מקדימה: הקליקו על Show code (הצגת קוד) כדי לראות את הקוד שה-AI מתכוון להוסיף. אתם תקבלו גם פירוט של פעולת הקוד והבהרות לגבי אופן ביצוע ההתאמה האישית.
- להוסיף את הקוד: הוסיפו את הקוד לאתר של הלקוח.
- הקליקו על Add code (הוספת קוד).
- הקליקו על Approve (אישור) כדי לאשר את הוספת הקוד.
מה השלב הבא?
- הקליקו על Preview (תצוגה מקדימה) תחת Generated Code (קוד שנוצר) כדי לראות איך ההתאמה האישית שלכם נראית.
- אתם תמיד יכולים ללחוץ על אייקון הצ'אט החדש
כדי להתחיל שיחה על התאמה אחרת שאתם רוצים לעשות.
ביטול שינויים בקוד שנעשו על ידי AI
אם אתם רוצים לבטל שינויים שבוצעו על ידי ה-AI Assistant, תוכלו להחזיר את האתר למצב הקודם. אתם יכולים להיכנס להיסטוריית הצ'אטים עם העוזר האישי ולהחזיר כל קוד שנוצר לגרסה קודמת.
כדי להחזיר את הקוד למצב הקודם:
- עברו אל ה-editor.
- הקליקו על Code (קוד)
משמאל ב-editor. - הקליקו על AI Assistant (עוזר AI).
- הקליקו על אייקון הפעולות הנוספות
בפינה הימנית העליונה של חלונית הקוד. - בחרו באפשרות Show chat history (הצגת היסטוריית הצ'אטים).
- בחרו את השיחה הרלוונטית.
- הקליקו על Restore (שחזור) תחת המקטע Generated Code (קוד שנוצר) הרלוונטי.
שאלות נפוצות
הקליקו על השאלות למטה לפרטים נוספים.
האם יש התאמות שאינן נתמכות?
AI Assistant נתן רשימה של מזהי אלמנטים (למשל box 3, section1) – איך אפשר למצוא את אלה?
