אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: הגדרות כלליות
מודול: דף הבית
מודול: עמודי ווקומרס והרחבה נוספת
מודול: עמודי האתר
מודול: התאמה למובייל
מה נלמד בשיעור הזה?
- נעבור להתאמה למובייל של דף האודות. נתאים את הכרטיסים של אנשי הצוות לאודות (זוכרים שיש אפקט במעבר עכבר על הכרטיס? אז זהו. שעכשיו אין מעבר עכבר כי אנחנו במובייל)
- נתאים את דף השירותים ואת השירות הבודד ונבצע התאמה בYoast לכותרת דף "השירותים שלנו"
- נתאים גם את דף המאמרים/בלוג כולל התאמה בCSS לווידג'ט החיפוש
- נתאים את דף המאמר הבודד
וקצת יותר בפירוט...
התאמת האתר למובייל ממשיכה עם דגש על דפים מרכזיים כמו דף האודות, השירותים, והמאמרים. נתחיל בדף האודות, שבו נתמקד בכרטיסי אנשי הצוות. מכיוון שבמובייל אין אפשרות ליישם אפקטים כמו מעבר עכבר (Hover), נתאים את הכרטיסים כך שיציגו את כל המידע הדרוש בצורה ברורה ובולטת כברירת מחדל. התאמה זו דורשת עיצוב מחדש באמצעות CSS כדי לשמור על אסתטיקה ונגישות, במיוחד במבנה אנכי המותאם למסכים קטנים.
נעבור לדף השירותים ולדפי השירותים הבודדים. נבצע התאמה רספונסיבית כך שכל האלמנטים החשובים יוצגו בצורה מסודרת, כולל כותרות, תיאורים, ותמונות. בנוסף, נתאים את כותרת דף "השירותים שלנו" באמצעות Yoast SEO, כדי להבטיח שהכותרת לא רק תיראה טוב, אלא גם תהיה אופטימלית מבחינת מנועי החיפוש, עם שימוש נכון במילות מפתח.
לאחר מכן, נבצע התאמות למובייל בדף המאמרים/בלוג. ההתאמה תכלול שיפור נראות ווידג'ט החיפוש באמצעות CSS, כך שיהיה קל לשימוש ונוח לקריאה על מסכים קטנים. כמו כן, נוודא שהמאמרים מסודרים בצורה נקייה, עם כותרות ותמונות שמותאמות לגודל המסך. לבסוף, נבצע התאמה רספונסיבית לדף המאמר הבודד, כך שהתוכן, הכותרות, והתמונות יישמרו באיכות גבוהה, תוך שמירה על מבנה קריא ונעים. התאמות אלו מבטיחות חוויית משתמש איכותית בכל הדפים המרכזיים של האתר, ומשלימות את התהליך ליצירת אתר מובייל ידידותי ומקצועי.