שם השיעור: התאמה למובייל
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: דף הבית
- בניית Hero Section (31:02)
- בניית כרטיס מוצר (30:26)
- סקשן מבצע קיץ ולמה אנחנו (32:19)
- סקשן מוצרים חדשים (31:57)
- סקשן השירותים שלנו (30:58)
- סקשן אודותינו (31:02)
- סקשן טיפים ומאמרים (31:16)
- סיום Footer ודף הבית בדסקטופ (30:49)
- בניית Header (30:28)
- התאמה למובייל של דף הבית (30:25)
מודול: הגדרות כלליות
- הגדרות שרת ויצירת אפליקציה (41:13)
- הגדרות גלובליות (30:24)
מודול: התאמה למובייל
- התאמה למובייל חלק 2 (28:23)
- התאמה למובייל (39:58)
- התאמה למובייל חלק 3 (29:34)
מודול: עמודי האתר
- התאמה למובייל של דף הבית (30:25)
- דף ארכיון השירותים שלנו (30:24)
- דף שירות בודד (30:02)
- דף בלוג ודף תוצאות חיפוש (30:27)
- דף מאמר בודד (30:09)
- דף שאלות נפוצות (28:50)
- דף אודות (30:35)
- דף יצירת קשר (29:25)
- דפים כלליים (29:12)
מודול: עמודי ווקומרס והרחבה נוספת
- דף החנות – חלק 2 (31:31)
- דף המוצר – חלק 1 (31:43)
- דף המוצר – חלק 2 (31:03)
- הסרת דף עגלה ושימוש בעגלה צפה (31:03)
- דף תשלום ותודה לאחר תשלום (29:20)
- דף אזור אישי (30:18)
- חיבורי לינקים (29:48)
- הגדרות ווקומרס (30:43)
- דף החנות – חלק 1 (31:37)
- הזמנות, לקוחות, דוחות ושיווק (30:00)
נו..? איך היה השיעור?
אחח חבל.. אם היית מנוי - היית יכול ללמוד ולדרג את השיעור!
מה נלמד בשיעור הזה?
- נוודא סיום התאמה למובייל בדף הבית על ידי ייצוא תמונות הרקע ברוחב הנכון כדי לשפר משמעותית את ביצועי המובייל
- נתאים את התפריט כך שיציג את השירותים שלנו
- נסיים את ההתאמה למובייל עם דף הבית ונעבור לדף החנות
- נתאים את הליסטינג של הקטגוריות למובייל גם כן
וקצת יותר בפירוט...
התאמת האתר למובייל היא שלב קריטי להבטחת חוויית משתמש איכותית ורספונסיבית. נתחיל בהתאמה מלאה של דף הבית למובייל, תוך שימת דגש על אופטימיזציית ביצועים. אחד הצעדים החשובים הוא ייצוא תמונות הרקע ברזולוציה ובמשקל המתאימים למובייל. פעולה זו לא רק משפרת את מהירות הטעינה, אלא גם תורמת לזרימה חלקה של התוכן על גבי מכשירים ניידים, מה שמוביל לשיפור משמעותי בציון ביצועי האתר בכלי מדידה כמו Google PageSpeed Insights.
נמשיך עם התאמת התפריט כך שיציג באופן ברור ונגיש את השירותים שלנו. בתפריט המובייל, נשתמש בעיצוב קומפקטי שכולל תפריט נפתח (Hamburger Menu) עם אייקון בולט. נוודא שכל הקישורים מופיעים בצורה מסודרת ונוחים ללחיצה, גם על מסכים קטנים. התאמה זו תשפר את הניווט ותאפשר למשתמשים למצוא בקלות את המידע שהם מחפשים.
לאחר סיום ההתאמות לדף הבית, נעבור לדף החנות. נתמקד בהתאמת ה-Listing של הקטגוריות למובייל, כך שכל כרטיס קטגוריה יוצג במבנה רספונסיבי שמותאם לגודל המסך. נוודא שמידע חשוב, כמו שם הקטגוריה או כפתור מעבר, מוצג בבירור וללא חיתוכים. באמצעות CSS והתאמות רספונסיביות, נבטיח חוויית משתמש חלקה ואסתטית גם בדף החנות. התאמות אלו מבטיחות שהאתר כולו יהיה ידידותי למשתמשים ניידים, מה שיתרום להגדלת שיעור ההמרות ושביעות הרצון הכללית של הלקוחות.