header-logo
איך מתחיליםאיך לבנות את האתר והעסק שלכם עם Wix
יצירת האתרעיצוב וניהול האתר בעזרת הפיצ'רים האינטואיטיביים של Wix
ניהול החשבון והחיובים (Billing)ניהול המנויים, התוכניות והחשבוניות
אפליקציות המובייל של Wixניהול העסק והלקוחות ישירות מהנייד
חיבור דומייןאיך קונים דומיין ומחברים או מעבירים אותו לאתר
ניהול העסקכלים לפיתוח העסק והנוכחות שלכם אונליין
קידום האתרכלי שיווק ו-SEO להגדלת החשיפה של העסק
Studio ותוכניות לפרטנרים ולארגוניםפיצ'רים מתקדמים לייעול העבודה שלכם
קבלת עזרהפתרונות לבעיות, עדכונים על תקלות ויצירת קשר עם Wix
placeholder-preview-image
Wix Learnשיפור המיומנויות שלכם בעזרת קורסים ומדריכים מוכנים
Wix Blogטיפים ועצות בעיצוב אתרים, שיווק ועוד
SEO Learning Hubאיך להגדיל את התנועה האורגנית לאתר דרך מנועי החיפוש
Website developmentבניית אתר עם פלטפורמת ה-full-stack שלנו
לעבוד עם אנשי מקצועבמאגר שלנו תוכלו למצוא מומחי Wix בתשלום שיעזרו לכם להשיג את היעדים שלכם
placeholder-preview-image

Wix Studio: מידע על Studio Editor

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

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

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

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

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

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

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

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

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

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

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

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

יצירת טקסט

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

יצירת תמונות

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

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

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

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

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