מדריך OC

מדריך מתקדם

פוטר: עמודות קישורים, מותג וניוזלטר

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

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

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

שלב א׳ — לבחור פריסה

  1. לכו ל״עיצוב ← התאמה אישית״ ופתחו את המקטע ״Footer״ (מקטע עצמאי, לא בתוך פאנל).
  2. ב״Footer preset״ בחרו:
    • ״Columns — brand, link columns, newsletter״ — הפריסה המלאה: מותג, עמודות קישורים וניוזלטר. זו ברירת המחדל.
    • ״Minimal — menu and credit only״ — רק השורה התחתונה: תפריט וקרדיט.

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

שלב ב׳ — עמודות הקישורים (החלק החשוב)

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

  1. לכו ל״עיצוב ← תפריטים״.
  2. צרו תפריט חדש (או בחרו קיים) עם הקישורים שאתם רוצים בעמודה הראשונה.
  3. בהגדרות מיקום התפריט סמנו את המיקום ״Footer column 1״. שמרו.
  4. חזרו על אותו הדבר עבור ״Footer column 2״, ״Footer column 3״ ו״Footer column 4״ — לפי מספר העמודות שאתם רוצים.
  5. חזרו להתאמה האישית, למקטע ״Footer״, וגללו לכותרת ״Link-column headings״.
  6. מלאו ״Column 1 heading״ עד ״Column 4 heading״ — הכותרת שתופיע מעל כל עמודה.

שים לב: עמודה מופיעה בפוטר רק אם שויך תפריט למיקום שלה. מילוי ״Column 3 heading״ בלי לשייך תפריט ל״Footer column 3״ לא יוצר עמודה שלישית — היא פשוט לא תופיע.

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

עמודת פוטר נוצרת בשיוך תפריט למיקום שלה — לא בהתאמה האישית.

שלב ג׳ — עמודת המותג

  1. גללו לכותרת ״Brand column״.
  2. ב״Logo״ בחרו:
    • ״Regular site logo״ — הלוגו הרגיל של האתר.
    • ״Transparent-header logo (usually the light one)״ — ״לוגו למצב השקוף״ שהעליתם במקטע ההדר, בדרך כלל הגרסה הבהירה.
    • ״A custom logo (upload below)״ — לוגו נפרד, שמעלים בשדה ״Custom footer logo״ שנפתח מתחת.
    • ״No logo״ — בלי לוגו.
  3. מלאו ״Tagline under the logo״ — שורת המשפט שמתחת ללוגו.

שים לב: אייקוני הרשתות החברתיות בעמודת המותג אינם מוגדרים כאן. הם נשלפים ממקום אחד בלבד — ״הגדרות תבנית ← פרטי החנות״. מה שממלאים שם (אינסטגרם, פייסבוק, טיקטוק, יוטיוב ווטסאפ) מופיע בפוטר; מה שריק שם לא מופיע.

שלב ד׳ — עמודת הניוזלטר

  1. גללו לכותרת ״Newsletter column״.
  2. הדליקו או כבו ״Show the newsletter sign-up״ (דלוק כברירת מחדל).
  3. מלאו ״Heading״ ו״Text״. אם הכותרת ריקה, תוצג המילה ״ניוזלטר״.

שלב ה׳ — צבעים ושורה תחתונה

  1. גללו לכותרת ״Colours & bottom bar״.
  2. ״Background״ — צבע רקע הפוטר.
  3. ״Light text (quick preset for a dark background)״ — מתג שמעביר את כל הטקסט לגרסה בהירה, לרקע כהה.
  4. ״Text & icons colour״ — צבע מדויק לטקסט ולאייקונים. ההסבר: ״Overrides the preset above״ — כלומר הוא דורס את המתג שמעליו.
  5. ״Heading colour (empty = same as text)״ — צבע כותרות העמודות.
  6. ״שורת קרדיט (ריק = © שנה ושם האתר)״ — השאירו ריק לקרדיט האוטומטי.
  7. ״Builder credit link (Original Concepts)״ — הכתובת שאליה מוביל קרדיט בונה האתר.
  8. ״Show the country / currency in the bottom bar״ — מופיע רק כשווקומרס פעילה.
  9. ״פריסת השורה התחתונה״ — ״On one line״ או ״ממורכז, בטורים״.

שים לב: הקישורים המשפטיים בשורה התחתונה (תקנון, מדיניות פרטיות, נגישות) מגיעים מהתפריט שמשויך למיקום ״תפריט תחתון״ במסך התפריטים — לא מאחת מארבע עמודות הקישורים.

שלב ו׳ — הפוטר בטלפון

ב״Link columns on phones״ בחרו איך עמודות הקישורים מתנהגות במסך צר:

  • ״Accordion — tap a heading to open״ — כל עמודה מקופלת עד לחיצה על הכותרת. זו ברירת המחדל, והיא הקצרה ביותר.
  • ״Open — stacked, all visible״ — הכול פתוח, אחת מתחת לשנייה.
  • ״Two per row״ — שתי עמודות בשורה.

שים לב: ״Open״ הופך פוטר עם ארבע עמודות למגילה ארוכה מאוד בטלפון. אם יש לכם יותר משתי עמודות — השאירו את האקורדיון.

בטלפון, ארבע עמודות פתוחות הופכות למגילה — האקורדיון הוא ברירת המחדל מסיבה טובה.

קשור

  • advanced-global-design
  • advanced-header
  • advanced-customizer-map
  • advanced-mega-menu