שם השיעור: סקשן המלצות
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית דף הנחיתה "קלין פרמייר"
- תחילת הדרך עם Figma (27:25)
- סיום הHero Section (27:50)
- CSS היכרות ושימוש ראשון (28:01)
- טמפלייטים (29:12)
- יצירת Header (27:47)
- יצירת Footer (28:08)
- שימוש בקונטיינרים (27:27)
- סיום סקשן "השירותים שלנו" (27:42)
- סקשנים למה אנחנו ושירותים (27:48)
- סקשנים בחרו בשירותים וצוות (27:52)
- סקשן המלצות (32:06)
- סקשן יצירת קשר (28:47)
- התאמה למובייל (27:25)
- הנפשות/אנימציות (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:12)
- פיטשרים באלמנטור (27:45)
- יחידות מידה (27:26)
- Compressimage.io (29:45)
- Recaptcha V3 & Maspik (29:35)
נו..? איך היה השיעור?
אחח חבל.. אם היית מנוי - היית יכול ללמוד ולדרג את השיעור!
מה נלמד בשיעור הזה?
- נבנה את התשתית לסקשן ההמלצות ונבין שנצטרך להשתמש בווידג'ט שנקרא קרוסלה/Carousel ונוודא שהוא פועל (נכון ל1.12.2024 – הווידג'ט פועל בדיפולט ואין צורך לבצע התאמות נוספות).
- נבין איך בנוי כרטיס בודד של המלצה ונייצא את האייקונים והתמונות הנדרשות
- נסגנן קודם את החצים של הקרוסלה שיתאימו לאיפיון
- נתחיל לבנות את הכרטיס ואת כל האלמנטים שהוא כולל
- לאחר סיום הכרטיס נבין שהתמונה של הממליצים מיוצאת באיכות נמוכה מדי. נדאג לטפל בזה על ידי ייצוא מהפיגמה באיכות גבוהה יותר.
וקצת יותר בפירוט...
בשיעור זה נתמקד בבניית סקשן "המלצות", שהוא אחד האלמנטים המשפיעים ביותר על אמון המשתמשים והנעתם לפעולה באתר. נתחיל ביצירת התשתית לסקשן באמצעות ווידג'ט הקרוסלה (Carousel), שמאפשר להציג המלצות בצורה דינמית ואינטראקטיבית. נכון לתאריך 1.12.2024, ווידג'ט הקרוסלה פועל בצורה אוטומטית וללא צורך בהתאמות מיוחדות, מה שמקל על תהליך העבודה ומאפשר לנו להתמקד בעיצוב.
נבין כיצד בנוי כרטיס בודד של המלצה, הכולל אלמנטים כמו טקסט ההמלצה, תמונת הממליץ ואייקונים נלווים, ונייצא את התמונות והאייקונים הנדרשים מתוך Figma. כדי לוודא שהעיצוב של הקרוסלה משתלב היטב עם שאר חלקי האתר, נסגנן תחילה את החצים של הקרוסלה כך שיתאימו לאיפיון העיצובי הכללי. לאחר מכן נתחיל בבניית כרטיס ההמלצה, תוך הקפדה על כל הפרטים העיצוביים הנדרשים.
בסיום הכרטיס, נגלה שהתמונות של הממליצים יוצאו באיכות נמוכה מדי, ונלמד כיצד לתקן זאת על ידי ייצוא מחדש מ-Figma באיכות גבוהה יותר. עבודה זו מדגישה את החשיבות של שימוש במדיה איכותית באתרי וורדפרס, כדי לשמור על מראה מקצועי ונקי. שיעור זה מספק כלי עבודה מעשיים והבנה מעמיקה של עיצוב סקשן המלצות, המהווה חלק בלתי נפרד מכל אתר מקצועי. לימוד זה תורם לשיפור המיומנויות שלכם בעיצוב ובניית אתרי וורדפרס כחלק מקורס בניית אתרים.