מבוא ל-Webflow - עזרה ב-Webflow
למדו את דרככם ב-Webflow.
ב-Webflow, אתם יכולים לבנות, לעצב ולבנות את האתר שלכם על פני דפים, ענפים ומקומות. Webflow מאפשרת לכם ליצור ולנהל תוכן ודינמי בצורה יעילה ומספקת כלים לניתוח ואופטימיזציה של ביצועי האתר. אתם יכולים גם לשתף את העבודה שלכם, לבקש משוב ולבסוף, לפרסם את האתר שלכם בסביבות ייעודיות (כלומר, סטייג'ינג ופרודקשן).
ניתן לגשת ל-Webflow מ-Dashboard על ידי לחיצה על תמונת המיניאטורה של האתר שלכם או מ-Site settings על ידי לחיצה על Open site בסרגל הכלים העליון. הכלים שיש לכם גישה אליהם ב-Webflow משתנים בהתאם לתפקיד האתר שלכם (למשל, מבקר, עורך תוכן וכו'), כך שתוכלו לגשת במהירות לכלים שאתם צריכים — ולשכוח מהכלים שאתם לא צריכים.
לפני שאתם מתחילים
בדקו את הדפדפנים, המכשירים ורזולוציות המסך הנתמכים של Webflow.
שיתוף פעולה של מספר משתמשים
מספר חברי צוות יכולים לשתף פעולה על אתר יחד ב-Webflow. כדי לשמור על תהליך העיצוב זורם, אתם יכולים להעביר שליטה בעיצוב בין חברי הצוות שלכם ולראות היכן אנשים אחרים עובדים בתוך האתר שלכם בזמן אמת.
סקירה כללית של ממשק Webflow
כשאתה פותח את האתר שלך ב-Webflow, המסך הראשי שמציג את האתר שלך הוא הקנבס. מסביב לקנבס נמצאים סרגלי הכלים והפאנלים הבאים:
- הסרגל העליון כולל ניווט עם לשוניות, סרגל הקשר ופעולות אתר (כגון כלים לשיתוף פעולה ופרסום).
- הסרגל הקנבס כולל ביטול/חזרה, ניווט פירורי לחם, נקודות שבירה מורחבות והגדרות קנבס.
- סרגל הכלים השמאלי כולל את התפריט הראשי, פאנלים שונים של כלים וניווט, הגדרות, ביקורת אתר ומדריכים.
- סרגל הכלים הימני כולל סגנונות אלמנטים, הגדרות ואינטראקציות.
הקנבס
האזור הגדול ביותר ב-Webflow הוא הקנבס. כאן תוכל לתקשר עם הדף ולעצב בזמן אמת. תוכל לבחור אלמנטים, להזיז אותם ולערוך תוכן ישירות על הדף. Webflow שומר את העבודה שלך אוטומטית, אך תוכל לשמור את האתר ידנית על ידי לחיצה על Command + S (ב-Mac) או Control + S (ב-Windows).
הסרגל העליון
הסרגל העליון נותן לך גישה מהירה למצב עיצוב, CMS, ניתוח, אופטימיזציה, מקומיים, מחליף דפים ופעולות אתר.
הניווט הראשי עם לשוניות כולל את לשונית העיצוב, לשונית הCMS ולשונית התובנות.
- לשונית עיצוב — לשונית זו מציינת את המצב הנוכחי (כגון עיצוב, בנייה וכו') ומאפשרת לך לעבור בין מצבים או ליצור ענפי דפים. תפקיד האתר של חבר קובע אילו מצבים זמינים. לדוגמה, מנהלי אתרים ומעצבים יכולים לגשת למצב עיצוב, בעוד שמשווקים יכולים לגשת רק למצב בנייה.
- לשונית CMS — פותחת את פאנל הCMS (מערכת ניהול תוכן), שם תוכל ליצור ולנהל אוספים, פריטי אוסף ומוצרים וקטגוריות של מסחר אלקטרוני.
- לשונית תובנות — פותחת את פאנל התובנות, שם תוכל לגשת לניתוח ואופטימיזציה. ניתוח מספק אנליטיקה של האתר עם תובנות מעשיות. אופטימיזציה מאפשרת לך להריץ ניסויים על האתר שלך כדי לבדוק סגנונות, פריסות, זרימות, ניסוחים, תמונות ועוד.
סרגל הקשר
סרגל ההקשר מאפשר לך לנהל אופטימיזציות אתר עם Optimize ולעבור בין שפות, דפים, דפי אוסף, ופריטי אוסף. הוא גם מציין מתי אתה עורך את המרכיב הראשי (ולא מופע של מרכיב), וכן את סטטוס אישור העיצוב.
פעולות אתר
פעולות האתר קשורות לדף הספציפי שבו אתה נמצא או לאתר עצמו. חברי צוות שמשתפים פעולה באתר בזמן אמת מופיעים כאן גם עם אווטאר או ספירה.
- מצב ניתוח — קבל ניתוח ונתונים ברמת הדף (למשל, עד כמה מבקרים גוללים והיכן הם לוחצים).
- הערות — סקור הערות שהשאירו חברי צוות אחרים או הוסף את המשוב/הערות שלך.
- תצוגה מקדימה — עבור למצב תצוגה מקדימה.
- שיתוף — צור קישור לאתר לקריאה בלבד.
- פרסום — פרסם את האתר שלך.
סרגל הקנבס
סרגל הקנבס ממוקם מעל הקנבס כברירת מחדל, אך ניתן להזיזו מתחת בהגדרות הקנבס.
- אייקונים לביטול/חזרה — חזרה מהירה או החלת שינויים מחדש.
- ניווט פירורי לחם — מציג את היררכיית האלמנטים של האלמנט הנבחר.
- הגדרות קנבס — אפשרויות שונות (למשל, סרגלים, מדריכים, תצוגת זום טקסט).
- נקודות שבירה — תצוגה ועריכה עבור גדלי מכשירים שונים.
סרגל הכלים השמאלי
מכיל את התפריט הראשי והפאנלים למבנה האתר.
לחץ על לוגו Webflow כדי לגשת לתפריט הראשי.
- חיפוש מהיר עבור אלמנטים, רכיבים, דפים וכו'.
- פעולות ביטול/חזרה
- ייצוא קוד
- קיצורי מקלדת
- פתיחת תצוגה מקדימה של CSS
- קבלת עזרה או שליחת משוב
פאנלים ויומן פעילות האתר
- פאנל הוספה — קיצור: A
- פאנל דפים — קיצור: P
- פאנל ניווט — קיצור: Z
- פאנל רכיבים — קיצור: Shift + A
- פאנל משתנים — קיצור: G
- פאנל בוחרי סגנון — קיצור: J
- פאנל נכסים — קיצור: L
- פאנל ספריות — קיצור: L
- פאנל אפליקציות — קיצור: E
- יומן פעילות האתר — שינויים בעיצוב שנעשו באתר שלך
הגדרות, עוזר לימוד AI, ביקורות, חיפוש מהיר ומדריכים
- פאנל הגדרות — ממשק, חיפוש, גיבוי, לוקליזציה.
- עוזר לימוד AI — עזרה מבוססת AI.
- פאנל ביקורת — קיצור: U.
- חיפוש מהיר — קיצור: Command + E (Mac), Control + E (Windows).
- פאנל מדריכי וידאו — קורסי וידאו חינמיים.
סרגל הכלים הימני
מכיל לוחות עבור סגנונות אלמנטים, הגדרות ואינטראקציות.
- לוח סגנון — קיצור: S.
- לוח הגדרות אלמנט — קיצור: D.
- לוח אינטראקציות — קיצור: H.
שאלות נפוצות
אילו דפדפנים נתמכים על ידי Webflow?
Webflow תומכת רשמית בשלוש הגרסאות האחרונות של כל הדפדפנים המודרניים: Chrome, Edge, Firefox ו-Safari. זה חל גם על הפלטפורמה וגם על אתרים שפורסמו.
למאפיינים עם תמיכה מוגבלת, ראו מאמרים קשורים:
Webflow לא תומכת ב-Internet Explorer.
אילו רזולוציות מסך/מכשירים נתמכים על ידי Webflow?
Webflow דורשת מחשב שולחני/נייד עם רוחב מסך לפחות 1268px.
למה Webflow היא אפליקציה מקוונת/מתארחת — למה לא אפליקציה להורדה?
Webflow היא מקוונת/מתארחת כדי לאפשר עיצוב בדפדפן ועדכונים מהירים.
- עיצוב WYSIWYG — השפעה ישירה על HTML/CSS.
- עדכונים מהירים — תמיד הגרסה האחרונה, ללא עדכונים ידניים.