שם השיעור: שימוש בקונטיינרים
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית דף הנחיתה "קלין פרמייר"
- CSS היכרות ושימוש ראשון (28:01)
- טמפלייטים (29:12)
- יצירת Header (27:47)
- יצירת Footer (28:08)
- שימוש בקונטיינרים (27:28)
- תחילת הדרך עם Figma (27:27)
- סיום הHero Section (27:50)
- סיום סקשן "השירותים שלנו" (27:42)
- סקשנים למה אנחנו ושירותים (27:48)
- סקשנים בחרו בשירותים וצוות (27:52)
- סקשן המלצות (32:07)
- סקשן יצירת קשר (28:47)
- התאמה למובייל (27:25)
- הנפשות/אנימציות (27:44)
- דפים כלליים (28:42)
- חיבור לינקים (27:29)
- בדיקות כלליות (28:40)
- בדיקת הטופס (27:45)
מודול: הגדרות גלובליות
- אלמנטור – ההתחלה (28:50)
- זהות האתר ופריסת הדף (27:24)
- מה זה HEX ומה זה RGBA (28:58)
- תבנית עיצוב (27:21)
- פונטים וצבעים גלובליים (28:07)
מודול: טיפים וטריקים
- ניהול האלמנטים (27:39)
- היסטוריית העבודה (27:56)
- טעינת ספריות ומבנה הקישורים (27:12)
- פיטשרים באלמנטור (27:46)
- יחידות מידה (27:28)
- Compressimage.io (29:45)
- Recaptcha V3 & Maspik (29:35)
נו..? איך היה השיעור?
מה נלמד בשיעור הזה?
- נבין את האסטרטגיה שלנו ואיך ניקח את העיצוב אל היישום באתר שלנו
- נכיר את מבנה הקונטיינרים במבנה של Flex
- נגרור ונשחרר את האלמנטים שלנו אל הקונטיינר
- נייצא את התמונה מפיגמה ונדחוס אותה דרך הכלי compressimage.io
וקצת יותר בפירוט...
בשיעור זה, הנושא המרכזי הוא השימוש בקונטיינרים בעיצוב ובניית אתרי וורדפרס באמצעות Elementor. כדי להפוך את התכנון האסתטי מאפליקציות עיצוב כמו פיגמה ליישום מעשי באתר, חשוב להבין כיצד קונטיינרים, ובעיקר מבנה Flex, משחקים תפקיד מרכזי. הקונטיינרים מספקים שליטה מלאה על מיקום האלמנטים, הגמישות שלהם, והתגובה שלהם למידות המסך, וכך מאפשרים למעצבים ומפתחים ליצור עיצוב מדויק ואפקטיבי.
באמצעות פונקציית Drag-and-Drop של Elementor, ניתן לגרור ולמקם אלמנטים שונים בתוך הקונטיינר בקלות. כל אלמנט מעוצב מקבל את תפקידו במבנה הכולל, תוך שמירה על עקרונות העיצוב המקורי שנבנה בפיגמה. בנוסף, ייבוא תמונות בצורה חכמה הוא חלק בלתי נפרד מהתהליך. תמונות שייוצאו מפיגמה יעברו אופטימיזציה באמצעות כלי כמו compressimage.io, שמצמצם את גודל הקבצים ושומר על מהירות טעינת האתר בלי לפגוע באיכות.
לימוד השימוש בקונטיינרים ושילוב האלמנטים בתכנון מעשי מהווה אבן דרך בלימודי בניית אתרים בוורדפרס. בעזרת קורסים כמו "בניית אתרים וורדפרס", משתתפים יכולים ללמוד כיצד לשלב עיצוב ופונקציונליות ליצירת אתר מותאם אישית, מקצועי ומהיר. כלי זה מתאים לכל מי שמעוניין לשדרג את יכולותיו בעיצוב אתרי וורדפרס וליישם עקרונות עיצוביים ברמה גבוהה.