ייצוא קוד - עזרה של Webflow
בתוכניות Workspace בתשלום, תוכל לייצא את HTML, CSS, JavaScript והנכסים של האתר שלך כדי לגבות את הקוד שלך, לספק אותו ללקוח שלך או לארח אותו בכל מקום שתרצה — ללא צורך בקרדיט.
כיצד לייצא את הקוד שלך
- פתח את האתר שלך ב-Webflow
- עבור אל תפריט ראשי > ייצוא קוד (לחץ על לוגו "W" בפינה השמאלית העליונה כדי לפתוח את התפריט הראשי), או לחץ על Shift + E
- לחץ על הכן ZIP
- הורד את קובץ ה-ZIP
כיצד לייצא HTML ממוזער
מיזעור ה-HTML שלך יכול לעזור לשפר את זמני הטעינה של הדף על ידי הסרת רווחים, הערות ואלמנטים אחרים שהדפדפנים לא צריכים לטעון את הדף. כדי לייצא HTML ממוזער:
- פתח את האתר שלך ב-Webflow
- עבור אל תפריט ראשי > ייצוא קוד (לחץ על לוגו "W" בפינה השמאלית העליונה), או לחץ על Shift + E
- לחץ על Command + O (ב-Mac) או Control + O (ב-Windows)
- סמן את תיבת הסימון מזער HTML שמופיעה בחלון הייצוא
- לחץ על הכן ZIP
- הורד את קובץ ה-ZIP
מה כוללים הקבצים המיוצאים שלך
קובץ ה-ZIP שהורדת מכיל את כל הדפים, הסגנונות, הסקריפטים והתמונות של האתר שלך:
- תיקיית CSS עם כל הסגנונות של האתר שלך הכלולים ב-3 קבצי .css: - קובץ CSS (למשל,
your-site-name.css) שמכיל את כל הסגנונות המותאמים אישית של האתר שלך -webflow.cssשמכיל סגנונות בסיסיים נפוצים עבור רכיבי פריסה של Webflow -normalize.cssשמאפשר לדפדפנים להציג את כל האלמנטים בצורה עקבית יותר - תיקיית JS עם כל קבצי ה-JavaScript של האתר שלך. אלמנטים ותכונות כמו טפסים, סרגלי ניווט, סליידרים, טאבים ואינטראקציות מסתמכים על קבצים אלו. אם תמחק קבצים אלו, הדף שלך עשוי להיראות נכון, אך לא יפעל כמצופה.
- תיקיית תמונות עם כל התמונות שהועלו בפאנל הנכסים של האתר שלך
- קבצי .html עבור כל דפי האתר שלך (כולל דפי תבנית אוסף ריקים)
טוב לדעת
אם תרצה לראות דוגמה של הקוד ש-Webflow מייצא, צפה בקוד המקור של דף הבית — הכל נבנה ב-Webflow!
מה הקבצים המיוצאים שלך לא כוללים
התכונות והתוכן הבאים אינם כלולים בקוד המיוצא ולא יפעלו כמצופה באתרים מיוצאים:
- תוכן ופונקציונליות של CMS (כולל פריטי אוספים ורשימות אוספים)
- תוכן ופונקציונליות של חשבונות משתמשים (כולל משתמשים וקבוצות גישה)
- תוכן ופונקציונליות של מסחר אלקטרוני (כולל מוצרים ותשלום)
- הגנה בסיסמה על האתר ו/או הדפים
- עיבוד שליחת טפסים
- שליחות טפסים קיימות (ניתן לייצא בנפרד)
- אלמנטים של reCAPTCHA בתוך טפסים
- חיפוש באתר
- תוכן מקומי (רק דפים, אלמנטים ותוכן של השפה הראשית של האתר שלך כלולים)
- רכיבי קוד
שאלות נפוצות וטיפים לפתרון בעיות
מדוע יש קידומת "w-" לפני שמות המחלקות?
Webflow מוסיפה קידומת "w-" למחלקות ספציפיות של רכיבים כדי למנוע קונפליקטים עם מסגרות קוד אחרות.
האם אני יכול לבחור לייצא רק חלק מקוד האתר שלי?
כרגע, אינך יכול לבחור מה ייוצא. כל חלק שניתן לייצא מהאתר שלך ייכלל בכל ייצוא.
האם אני יכול לערוך את הקוד לאחר שייצאתי אותו?
אתה יכול לערוך את הקוד לאחר הייצוא. שינויים ידניים בקבצים שיוצאו עשויים לשבור חלק מרכיבי Webflow.
האם אני יכול להסיר את הסיומות .html מכתובת ה-URL של הדפים שיוצאו?
אם ברצונך להסיר את הסיומות .html מהדפים שיוצאו, תוכל לעשות זאת עם קובץ .htaccess.
האם אני צריך לתת קרדיט ל-Webflow אם אני מארח את האתר שלי חיצונית?
לא, אינך צריך לתת קרדיט ל-Webflow או לשמור על תוכנית Webflow כדי שהאתר שיוצא יעבוד על השרת שלך.
האם הקוד שיוצא כולל את ה-CMS, החברויות ותוכן המסחר האלקטרוני שלי?
לא. תוכן CMS, חשבונות משתמשים ותוכן מסחר אלקטרוני (מאגרי נתונים) אינם כלולים בקוד שיוצא. רשימות אוספים יציגו את המצב הריק.
האם הקוד שיוצא כולל את הדפים, הרכיבים והתוכן המתורגמים שלי?
לא. דפים, רכיבים ותוכן מתורגמים אינם כלולים בקוד שיוצא. הקוד שיוצא כולל רק את השפה הראשית.
האם דפים מוגני סיסמה יישארו מוגנים לאחר שאייצא את הקוד שלי?
לא. כל דף מוגן סיסמה באתר שלך לא יהיה מוגן לאחר ייצוא הקוד. האתר שלך חייב להיות מאוחסן ב-Webflow כדי שהגנת הסיסמה תעבוד כמצופה.
האם כל האלמנטים יפעלו באתר שלי אם אאחסן את הקוד במקום אחר?
תוכן ופונקציונליות של CMS, חשבונות משתמשים, מסחר אלקטרוני ודפים, אלמנטים ותוכן מקומיים אינם כלולים בקוד המיוצא. תכונות אלו דורשות אחסון כדי לפעול כמצופה. בנוסף, חיפוש באתר וטפסים (כולל העלאת קבצים ו-reCAPTCHA) לא יפעלו באתרים מיוצאים כדי לעמוד ב-GDPR.
מדוע האנימציות של Lottie שלי לא פועלות מקומית כשאני מייצא את האתר שלי?
מסיבות אבטחה, קבצי JSON של Lottie לא ייטענו ממערכת הקבצים המקומית שלך, ולכן אנימציות Lottie לא יופיעו כשאתה טוען את האתר שלך מקומית — הן זקוקות לשרת אינטרנט כדי לפעול כמצופה.