הוראות

תבנית אתר Dwelling CMS מיועדת לעסקי נדל"ן הזקוקים לאתר יפהפה עבור לקוחותיהם, שיעזור לייצר לידים חדשים.

מִבְנֶה

המבנה של תבנית זו בנוי בעיקר באמצעות מבנה פריסה בן 12 עמודות. 

1. כדי ליצור פריסת עמודות, מקטע יצטרך בלוק div ראשי עם מחלקה של "12 עמודות". מחלקות משולבות זמינות לשינוי יישור.
2. לאחר מכן, מקמו בלוקי div עם המחלקה "Column" בתוכם. אלה יהפכו לעמודות שלכם, כך שיהיו כמה שתצטרכו.
3. לאחר מכן, ניתן להוסיף מחלקת קומבו ספציפית שתקבע את מספר העמודות שהתוכן משתמש בהן. לדוגמה, פריסה עם תוכן משמאל ותמונה מימין עשויה להשתמש במחלקת הקומבו "Desktop 6" עבור שתי העמודות. משמעות הדבר היא שכל בלוק יתפוס 6 עמודות, או 50% מהרוחב הזמין.
4. ניתן להוסיף מחלקות קומבו כדי לשנות את רוחב העמודות עבור טאבלטים ומכשירים ניידים.

מדורים ומכלים

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

מוחל על אלמנט מקטע Webflow, זה מוסיף ריפוד עליון ותחתון לתוכן

משנה את הריפוד העליון שנמצא במחלקה Section ל- double .

משנה את הריפוד התחתון שנמצא במחלקה Section ל- double .

משנה את הריפוד העליון והתחתון שנמצא במחלקה Section ל- double .

מוחל על בלוק div המקונן בתוך אלמנט מקטע. פעולה זו מגבילה את כל התוכן לרוחב מקסימלי .

רכיבים

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

1. תוכן זהה לכל מופע: זה שימושי לניווט ולכותרת התחתונה, שם הוא אמור להיות זהה בכל עמוד. ביצוע שינוי במופע במקום אחד יעודכן אותו בכל עמוד.
2. מאפייני רכיב: עבור רכיבים המשתמשים במאפייני Webflow, כגון רכיב Split Layout, ניתן להשתמש בסרגל הצד הימני כדי לבצע עדכוני טקסט, תמונה וקישורים באותו מופע בודד מבלי להשפיע על מופעים אחרים. זה נהדר עבור מודולים בעלי תוכן משתנה ברחבי האתר, אך הפריסה והסגנון צריכים להיות תמיד זהים.
   

כיצד להשתמש

1. גש לרכיבים בסרגל הכלים השמאלי. בחר את הרכיב הרצוי כדי למקם אותו בדף.
2. לחץ פעמיים על הרכיב כדי לעדכן תוכן באופן גלובלי.
3. השתמש במאפייני הרכיב בסרגל הצד הימני כדי לבצע שינויי תוכן ייחודיים מבלי להשפיע על מופעים אחרים של אותו רכיב.
4. אם הרכיב צריך להיות ייחודי לחלוטין, פשוט לחצו לחיצה ימנית על הרכיב ובחרו "ניתוק מופע".

מדריך סגנון

מדריך סגנון מסופק לעדכון קל של סגנונות שישתנו באופן גלובלי באתר. בקרו במדריך הסגנון כאן .

טיפוגרפיה

1. עדכון הגופן וגדלי הגופן צריך להיעשות במדריך הסגנון. כדי לעדכן את הגופן הראשי, בחר את רכיב Body ולאחר מכן בחר את התג Body (כל העמודים) מלוח הסגנון. ביצוע שינויים כאן יעודכן את הגופן בכל הפרויקט. 
2. כדי לעדכן את הגופן והגדלים של הכותרת, בחר כל כותרת ולאחר מכן שנה לסגנון הרצוי.

צבעים

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

מידע נוסף

למידע נוסף, בקרו באוניברסיטת Webflow לקבלת הדרכות מעמיקות.