שם השיעור: התאמה למובייל
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית דף הנחיתה "קלין פרמייר"
- שימוש בקונטיינרים (27:27)
- תחילת הדרך עם Figma (27:25)
- סיום הHero Section (27:50)
- CSS היכרות ושימוש ראשון (28:01)
- טמפלייטים (29:12)
- יצירת Header (27:47)
- יצירת Footer (28:08)
- סקשנים בחרו בשירותים וצוות (27:52)
- סקשן המלצות (32:05)
- סיום סקשן "השירותים שלנו" (27:42)
- סקשנים למה אנחנו ושירותים (27:48)
- סקשן יצירת קשר (28:47)
- התאמה למובייל (27:24)
- הנפשות/אנימציות (27:42)
- דפים כלליים (28:42)
- חיבור לינקים (27:27)
- בדיקות כלליות (28:40)
- בדיקת הטופס (27:43)
מודול: הגדרות גלובליות
- אלמנטור – ההתחלה (28:50)
- תבנית עיצוב (27:21)
- פונטים וצבעים גלובליים (28:05)
- זהות האתר ופריסת הדף (27:22)
- מה זה HEX ומה זה RGBA (28:56)
מודול: טיפים וטריקים
- ניהול האלמנטים (27:37)
- היסטוריית העבודה (27:54)
- טעינת ספריות ומבנה הקישורים (27:10)
- פיטשרים באלמנטור (27:44)
- יחידות מידה (27:26)
- Compressimage.io (29:45)
- Recaptcha V3 & Maspik (29:35)
נו..? איך היה השיעור?
אחח חבל.. אם היית מנוי - היית יכול ללמוד ולדרג את השיעור!
מה נלמד בשיעור הזה?
- נתחיל את ההתאמה למובייל עם עיצוב הHeader
- נסגנן את התפריט כולל האייקון פתיחה והלוגו
- נעבור להתאמה למובייל של גוף הדף שלנו. נייצא את תמונת הרקע של הHero בהתאמה למובייל
- נלמד איך להשתמש בCSS שמותאם למובייל (מוזמנים להעתביק את הקוד מהאקורדיון CSS פה למטה)
- נתאים את האייקונים בשירותים שלנו
- נמשיך להתאים את כל הסקשנים הנותרים בהתאם לעיצוב
- נתאים גם את הFooter למובייל
וקצת יותר בפירוט...
שיעור זה מתמקד באחד השלבים החשובים ביותר בעיצוב אתרי וורדפרס – התאמה למובייל. נתחיל בעיצוב מותאם ל-Header, שבו נסגנן את התפריט, כולל אייקון הפתיחה והלוגו, כך שייראה ברור ונגיש במכשירים ניידים. התאמה זו מבטיחה חוויית משתמש חלקה גם במסכים קטנים, תוך שמירה על אסתטיקה וקוהרנטיות עם העיצוב המקורי.
בהמשך נעבור להתאמה למובייל של גוף הדף, תוך ייצוא תמונת הרקע של ה-Hero Section בגרסה שמתאימה לניידים. נלמד כיצד להשתמש בקוד CSS מותאם למובייל כדי לנהל עיצוב דינמי ויעיל (עם קוד זמין באקורדיון CSS לשימוש מהיר). נוודא שגם האייקונים בסקשן "השירותים שלנו" מותאמים למובייל, כך שהם ישמרו על מראה נקי וקריא.
נמשיך בתהליך ההתאמה על ידי מעבר על כל הסקשנים הנותרים בדף, ונבצע את השינויים הנדרשים בעיצובם כך שיתאימו למכשירים ניידים. לבסוף, נתאים גם את ה-Footer, תוך התמקדות בריווחים, פונטים, ואלמנטים גרפיים, כדי להשלים את חוויית המשתמש באתר. שיעור זה מספק כלים פרקטיים לבניית אתרים רספונסיביים, חלק חיוני בקורס בניית אתרים וורדפרס, ומכין אתכם ליצור אתרים מקצועיים שמתפקדים היטב בכל פלטפורמה.