Studio Editor: הוספה וניהול של מקטעים

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

הוספת מסמכי אפיון ומקטעים מעוצבים

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

כדי להוסיף מסמך אפיון או מקטע מעוצב מראש:

  1. הקליקו על Add Elements (הוספת אלמנטים) בצד שמאל של ה-Editor.
  2. הקליקו על Sections / Wireframes (מקטעים / מסמכי אפיון).
  3. הקליקו על קטגוריה כדי לראות את העיצובים הזמינים. 
  4. גררו מקטע אל העמוד. 
  5. ערכו את המקטע בהתאם לצורך:
    • הקליקו על אלמנטים כדי לשנות את התוכן שלהם.
    • שנו את הרקע.
    • החליפו תמונות וטקסטים לכאלו משלכם.
GIF שמציג את חלונית הוספת האלמנטים ב-Studio Editor ואת העיצובים הזמינים בטאבים Sections (מקטעים) ו-Wireframes (מסמכי אפיון)

הוספת מקטע ריק

אפשר להוסיף לעמוד מקטעים ריקים במהירות בזמן העבודה על הקנבס. עברו עם העכבר מעל החלק העליון או התחתון של כל מקטע והקליקו על ‎+ Add Section (הוספת מקטע). לאחר מכן, תוכלו להחליט אם אתם רוצים לעצב אותו מאפס, להפעיל פריסת גריד או להשתמש בעיצוב מוכן.

כדי להוסיף מקטע ריק:

  1. עברו לעמוד הרלוונטי.
  2. עברו עם העכבר מעל החלק העליון או התחתון של המקטע הרלוונטי והקליקו על ‎+ Add Section (הוספת מקטע).
  3. בחרו איך להתחיל בעיצוב:
    • Designed Section: בחרו מקטע מעוצב מראש והתאימו אותו לצורכי הלקוחות.
    • Grid layout: בחרו פריסה עם כמה תאים כדי לארגן את התוכן.
    • Add an Element: התחילו בהוספת אלמנטים למקטע הריק. 
צילום מסך של מקטע ריק, שמציג את פריסות תאי הרשת שאתם יכולים להקליק ולהוסיף
שמרו את העיצוב לשימוש עתידי:
בחרו את המקטע ב-Editor והקליקו על אייקון הפעולות הנוספות . אחר כך, הקליקו על Save as Asset (שמירה כנכס). זה שומר את העיצוב שלכם והופך אותו לזמין בחלונית Add Elements (בטאב Assets).

שימוש בתאים לארגון המקטע

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

כדי להוסיף גריד למקטע:

  1. בחרו את המקטע הרלוונטי ב-Editor.
  2. הקליקו על התפריט הנפתח Blank (ריק) בחלק העליון של המקטע. 
צילום מסך של סרגל הכלים שנפתח כשבוחרים מקטע, עם התפריט הנפתח של הפריסות הזמינות
  1. בחרו פריסה: Rows (שורות), Columns (עמודות), Collage (קולאז') וכו'.
    טיפ: אתם יכולים לשנות את הפריסה דרך התפריט הנפתח בכל שלב - זה לא יזיז את האלמנטים.
  2. גררו אלמנטים לתאים הרלוונטיים.
  3. (לא חובה) הוסיפו עוד תאים למקטע או פצלו תאים קיימים:

שינוי סדר המקטעים בעמוד

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

כדי לשנות את סדר המקטעים:

  1. בחרו את המקטע הרלוונטי ב-Editor.
  2. הקליקו על אייקון הפעולות הנוספות במקטע.
  3. הקליקו על Move Up (הזזה למעלה) או Move Down (הזזה למטה).
צילום מסך של מקטע, שמראה איך מזיזים אותו למעלה או למטה על הקנבס

מחיקת מקטע

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

כדי למחוק מקטע:

  1. בחרו את המקטע הרלוונטי ב-Editor.
  2. הקליקו על אייקון הפעולות הנוספות  במקטע.
  3. הקליקו על Delete (מחיקה).
רוצים להסתיר את המקטע במקום?
הקליקו על Don't Display כדי להסתיר את המקטע מנקודת נקודת הברייקפוינט הנוכחית בה אתם נמצאים. אתם יכולים למצוא את המקטע המוסתר בחלונית ה-Layers, שם אתם גם יכולים לבטל את ההסתרה. 
צילום מסך של מקטע שנבחר ב-Editor, שמראה איך למחוק אותו

זה עזר לך?

|