הפשוט והבעייתי
הסמנטי והטריקי

הדר עם לוגו ממורכז - פריסה עם תפריט מפורק​

נוח אבל בעל אספקטים בעייתיים

שיטה פופולרית שמסתובבת ברשת לגבי “איך לבנות פריסת הדר עם לוגו באמצע באלמנטור” השיטה היא במקום תפריט אחד שלם לפרק אותו לשניים:

  1. לייצר תפריט ימין
  2. לייצר תפריט שמאל
  3. לשים ביניהם את הלוגו 

איך עושים? אזור עם 3 עמודות, בעמודה הימנית תפריט ימין, בעמודה המרכזית תמונת לוגו, בעמודה השמאלית תפריט שמאל.

חסרונות השיטה

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

מה אם אפשר אחרת?

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

Scroll to Top
shimonsays logo

רוצה להתחבר?

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

shimonsays logo

רוצה ליצור איתי קשר?

אפשר ובקלות דרך הטופס המצורף, או לחילופין לפנות דרך אחת הרשתות: