מדריך › מתקדם

שינוי ההדר: פריסה, לוגו, אייקונים והדר שקוף

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

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

שלב א׳ — לאן הולכים

1. בתפריט הצד לחצו ״עיצוב ← התאמה אישית״.
2. פתחו את הפאנל ״Header״ (שם הפאנל מוצג באנגלית). ההסבר שלו: ״הרצועה שמעל ההדר, ההדר עצמו, והתפריט שנפתח ממנו.״
3. בתוכו שלושה מקטעים: ״הדר עליון״, ״הדר מרכזי״ ו״מגה מניו״. ההדר עצמו הוא ״הדר מרכזי״.

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

שלב ב׳ — הפריסה והמידות

1. פתחו את ״הדר מרכזי״.
2. ב״פריסת הדר״ בחרו אחת מארבע פריסות מצוירות:
   • ״לוגו ותפריט צמודים״
   • ״תפריט במרכז״
   • ״לוגו מעל התפריט״
   • ״תפריט · לוגו במרכז · אייקונים״
3. ב״גובה ההדר״ בחרו ״צפוף״, ״רגיל״ (ברירת המחדל) או האפשרות השלישית, הגבוהה ביותר.
4. קבעו ״גובה לוגו — דסקטופ (px)״ (ברירת מחדל 48, בטווח 20–120) ו״גובה לוגו — מובייל (px)״ (ברירת מחדל 40, בטווח 16–100).

שים לב: האפשרות השלישית בגובה ההדר מוצגת באנגלית — ״Tall״ — כי אין לה עדיין תרגום לעברית. זו הבחירה הגבוהה מבין השלוש.

שלב ג׳ — הצבעים וההדר השקוף

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

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

שלב ד׳ — האייקונים בצד

1. הדליקו או כבו כל אייקון בנפרד: ״אייקון חיפוש״, ״אייקון חשבון״, ״אייקון סל עם מונה״.
2. ב״סגנון אייקון הסל״ בחרו מתוך חמישה ציורים: ״עגלת קניות״, ״תיק קניות״, ״סלסלה״, ״תיק מרובע״ או ״תיק מעוגל״.
3. קבעו ״גודל אייקונים״ — ״קטן״, ״רגיל״ או ״גדול״.
4. קבעו ״עובי קו האייקונים״ — ״דק״, ״רגיל״ או ״עבה״.
5. ב״חיפוש — דסקטופ״ בחרו ״אייקון שפותח פס חיפוש״ או ״שדה חיפוש בהדר״.
6. ב״חשבון, חיפוש וסל — דסקטופ״ בחרו ״אייקונים״ או ״קישורי טקסט״.

שלב ה׳ — הרצועה שמעל ההדר

1. חזרו לפאנל ״Header״ ופתחו את ״הדר עליון״.
2. הדליקו את ״הצג הדר עליון״. ברירת המחדל היא כבוי.
3. ב״אפקט החלפת מסרים״ בחרו ״עמעום״ או ״גלילה״.
4. קבעו ״צבע רקע הדר עליון״ ו״צבע טקסט הדר עליון״.

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

לפרסם

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

קשור

• advanced-mega-menu
• advanced-global-design
• advanced-customizer-map
• advanced-footer-columns