Wix Studio: מידע על Studio Editor

זמן קריאה: 5 דקות
אנחנו שמחים להציג את ה-Studio Editor החדש שלנו – הפלטפורמה האולטימטיבית שמאפשרת לאנשי מקצוע ליצור אתרים מדהימים עבור הלקוחות שלהם. עם הממשק האינטואיטיבי, תקבלו חוויית עריכה חלקה ושליטה מלאה בפיקסלים, כדי שכל פרט יעמוד בתכנון שלכם.
רספונסיביות ה-AI תאפשר לכם לעצב אתרים שייראו ויפעלו טוב בכל מסך ומכשיר.

בניית אתרים רספונסיביים ללקוחות

ה-Studio Editor מספק מגוון כלים פרקטיים כדי להבטיח שהאתרים שלכם ייראו נהדר בכל המסכים. זה אומר שאתם יכולים להתמקד בעיצוב ולהשקיע פחות זמן בבחירת יחידות הגודל המתאימות לכל אלמנט.  
אתם יכולים לעצב אלמנט עבור מסכי מחשבים, ואז לבחור התנהגות רספונסיבית שמתאימה לצרכים שלכם. ההתנהגות הרספונסיבית מבטיחה התאמה אוטומטית לנקודות ברייקפוינט שונות.
צריכים שליטה ובקרה מדויקות יותר?
השתמשו במידות מתקדמות ורספונסיביות כדי לשנות את הגודל ולמקם אלמנטים בכל ברייקפוינט.
דוגמה להתנהגויות הרספונסיביות הזמינות עבור אלמנט בחלונית ה-Inspector (עריכה)
כדי להאיץ את התהליך, השתמשו בכלי פריסה רספונסיבית כדי לקבץ אלמנטים קשורים, על בסיס גריד CSS או flexbox. לדוגמה, גרידים שומרים אלמנטים בתאים שלהם, וסידור אלמנטים בשכבות (stacking) שומר על הסדר האנכי או האופקי שלהם.
קובץ GIF שמראה איך לגרור קווי גריד על הקנבס כדי להוסיף בקלות עמודות או שורות
שימוש חוזר בעיצובים שלכם ליעילות מרבית:
צרו נכסים דיגיטליים משלכם, כמו מקטעים מעוצבים ותבניות אתרים, שתוכלו לשמור, לשתף ולעשות בהם שימוש חוזר באתרים אחרים.
צילום מסך שמראה איך לשמור בספרייה אלמנט מעוצב בתור נכס דיגיטלי

שיתוף פעולה באתרים בזמן אמת

Studio Editor הוא פלטפורמה שיתופית בזמן אמת שמאפשרת לצוותים לעבוד על אותו אתר בו-זמנית. אתם יכולים לערוך את הפריסה, העיצוב והתוכן של עמודים או אלמנטים בלי לעקוף פעולות של אנשים.
צילום מסך שמראה 3 אווטארים בחלק העליון של העורך, כלומר 3 אנשים שעובדים על אותו אתר בו-זמנית
שינויים שאחרים עשו באתר כלשהו יופיעו ב-Editor תוך כמה שניות. מהירות העדכון עוזרת לעבוד ביעילות עם חברי צוות ולקוחות.  
צילום מסך שממחיש מה רואים ב-Editor כשחבר צוות אחר בוחר אלמנט כלשהו
אתם גם יכולים לפתור כל בעיה שלקוחות או חברי צוות העלו ישירות על הקנבס. חלונית התגובות היא המקום שבו מנהלים את כל התקשורת שקשורה לאתר, מבלי לצאת מה-Editor – גם הצוות וגם הלקוחות שלכם יכולים להתייעץ, לתת משוב ולטפל בבעיות יחד. 

דוגמה לתגובה שלקוחה הוסיפה בעמוד כדי שצוות האתר יתקן בו את הטקסט

אנימציות – העיצובים שלכם מתעוררים לחיים

שילוב אנימציות בעיצובים שלכם יכול מאוד לשדרג אותם. Studio Editor מציע 5 סוגים שונים של אנימציות, שבכל אחד מהם יש תזמון שונה לאנימציה. 
אתם יכולים לקבוע שהאנימציות יופיעו כשהגולשים עוברים עם העכבר מעל אלמנט, מקליקים עליו או גוללים עליו. אפשר גם להוסיף אנימציית כניסה (שמופיעה בטעינה הראשונה של האלמנט) או אנימציית לופ ברצף - שתיהן לא תלויות באינטראקציה עם הגולשים. 
דוגמה לאתר חי עם אנימציות שהופעלו על כמה אלמנטים

לרתום את העוצמה של AI

הבינה המלאכותית (AI) היא לא סתם סיסמה – ב-Studio Editor יש שורת יכולות שמופעלות באמצעות AI ובזכותן תהליך יצירת האתר הרבה יותר מהיר. 

יצירת פריסה רספונסיבית

ניתן להפוך את העמודים או המקטעים לרספונסיביים בלחיצת כפתור. כלי ה-AI שלנו מנתח את הפריסה הנוכחית, ואז ממקם מבנה רספונסיבי שגורם לה להיראות אידאלית. כך אין צורך לבדוק כל נקודת ברייקפוינט ולהשקיע זמן בפתרון בעיות העיצוב.
דוגמה לתצוגה מקדימה שאתם רואים אחרי שכלי ה-AI הרספונסיבי יצר פריסה

יצירת טקסט

ה-AI Text Creator שלנו מביא את ה-Chat GPT של OpenAI ישירות ל-Editor. פשוט מכניסים כמה פרטים כדי ליצור את ההנחיה (prompt), ומקבלים הצעות תוכן מותאמות אישית לפרויקט. מדובר בחיסכון בזמן ללא פשרה על האיכות. 
קובץ GIF שמראה איך לאשר הצעת טקסט של AI ולהוסיף את הטקסט לפיסקה בקנבס

יצירת תמונות

צריכים תמונות ייחודיות שלא מופיעות בשום מקום אחר? תארו את התמונה שאתם רוצים וקבלו כמה הצעות לשימוש באתר. יש סגנונות רבים לבחירה - איור, תלת מימד, Packshot, צילום ועוד - כך שהתוצאות יכולות להתאים בדיוק למה שאתם מחפשים.
צילום מסך של ה-AI Image Creator וארבע וריאציות תמונה שמבוססות על הנחיה (prompt).

ניהול כמויות תוכן גדולות במערכת CMS ללא קוד

ה-CMS שלנו (Content Managing System) מאפשר לכם לאחסן כמות עצומה של תוכן, ליצור תבניות לעמודים דינמיים ולקבל נתונים מהגולשים. אחרי שאתם מגישים את הפרויקט ללקוחות, הם יכולים להשתמש במערכת ה-CMS כדי לעדכן ולהוסיף תוכן מבלי להשפיע על העיצוב. 
צילום מסך שמראה את חיבורי מערך הנתונים ברפיטר

הוסיפו קוד CSS משלכם

הוספת CSS לאלמנטים פותחת מגוון חדש של אפשרויות עיצוב. היא מאפשרת לכם ליצור עיצובים ואנימציות ייחודיות במקסימום רספונסיביות. 
בחרו אלמנט על הקנבס, ואז בחרו אחת מהמחלקות (classes) הגלובליות כדי להתחיל. לא מוצאים את זו שאתם רוצים? אתם יכולים להוסיף לקוד שיעורים מותאמים אישית משלכם.
דוגמה של עמוד css גלובלי ב-Editor, עם בחירת כפתור והצגת מחלקות ה-CSS הזמינות

זה עזר לך?