בעבר, תפריטי הניווט באתרי אינטרנט היו מעוגנים דרך קבע לחלקו העליון של האתר, ובאתרים מסויימים הם הוצגו בצד האתר. במשך שנים הורגלו גולשים באינטרנט לחפש את כפתורי התפריט במקומות אלה, ובעלי האתרים ידעו שהם צריכים לשמור את הנדל״ן החשוב הזה במעלה האתר לטובת התפריט.
כיום, עם ההתפתחות והשימוש הנרחב יותר באנימציות והקלות בה ניתן ליצור אותן בזכות כלים כמו אלמנטור, אנו מתחילים לראות גישות שונות של ממשקי משתמש בכל הנוגע לניווט.
בנוסף, התאמת האתר לצפייה בטלפונים ניידים הפכה כיום לחלק אינטגרלי בתהליך העיצוב והבנייה שלו, מה שהפך את סמל ה״המבורגר” לאייקון התפריט הידוע בפני כולם. דבר זה מאפשר לבוני האתרים להסתיר את תפריט הניווט הקלאסי המלא גם בתצוגת דסקטופ ולהציג אותו כאייקון בלבד, מאחר והגולשים יודעים שעליהם ללחוץ עליו כדי להציג פריטי ניווט.
האפשרות לפנות את שטח ה״פריים לוקיישן״ בתצוגת הדסקטופ שהיה במשך שנים שמור לתפריט ניווט היא יתרון גדול. את השטח החשוב הזה, שמהווה את המיקום הראשון אליהם עיני הגולשים שלנו מופנות כשהם נוחתים באתר שלנו, אפשר לנצל לטובת תוכן מרכזי שחשוב לנו להציג להם מיד עם פתיחת האתר בפניהם.
בהדרכה הבאה נלמד איך אפשר בעזרת אלמנטור פרו לבנות תפריט פופאפ שיוצג רק כאשר הגולש זקוק לו, ובכך להפחית את העומס בראש האתר על-ידי ביטול התפריט האופקי והצבת אייקון המבורגר קטן במקומו, אשר יהיה דביק לאורך כל גלילת הדפים ויוצג בכל דפי האתר.
הדרכה זו מתאימה לבעלי אתרי וורדפרס עליהם מותקן תוסף אלמנטור פרו. בהדרכה נעבוד עם הטמפלטים של אלמנטור פרו על מנת לבנות פופאפ וה-Header, כך שאם אין לכם ניסיון קודם בעבודה עם אלמנטור בפרט ובוורדפרס בכלל, ניתן להיעזר בהדרכות הבסיס הבאות כדי ליישר קו ולאחר מכן לשוב ולצפות בהדרכה זו כדי לבצע את המוצג בה.
הדרכות בסיס:
- להבין את וורדפרס – קורס מבוא לוורדפרס (חינם) – להרשמה לסדרת מיילים | לצפייה בקורס המלא
- הדרכות מבוא לאלמנטור – לחצו כאן
- קורס מקיף – בניית אתר בוורדפרס. בקורס לומדים לבנות אתר ובלוג מלא בוורדפרס ולעצב את כל חלקי האתר עם אלמנטור פרו.
