אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית דף הבית
מודול: דפים פנימיים
מה נלמד בשיעור הזה?
- נבנה אסטרטגיה לבניית ההמלצות בצורה הנכונה ביותר – בעזרת CCT כמובן!
- נתחיל בבניית הסקשן
- ניקח את הרקע של כדור הארץ ונדחוס אותו כמה שרק אפשר כדי לשמור על הביצועים באתר
- ניצור את הCCT כולל כל שדות המטא הנדרשים עבור כל המלצה
- נעלה את הכרטיסים כדי שנוכל לבנות ליסטינג שיתאים להם
- נבנה את הכרטיס ונלמד על Fallback וכמה הוא חשוב כדי ליצור אחידות ויזואלית בכרטיסים שלנו
- לאחר שסיימנו לבנות את כל הכרטיס – נעבור לאתגר (זאת דרך הפעולה האידיאלית!) – נבין איך לבנות את הגבול החיצוני בצורה היצירתית ביותר על ידי שימוש באלמנט "מרווח".
- נייצר ויזואלית את החצים של הקרוסלה (שימו לב: הCSS של הקרוסלה נמצא עבורכם פה למטה)
וקצת יותר בפירוט...
בשיעור "סקשן המלצות" נלמד כיצד לבנות אזור מקצועי ודינמי המציג המלצות מלקוחות או משתמשים, תוך שימוש בטכניקות מתקדמות ומבנה נתונים נכון. נתחיל בגיבוש אסטרטגיה לבניית ההמלצות באופן מיטבי, באמצעות שימוש ב-CCT (Custom Content Type). הגישה הזו מאפשרת גמישות מלאה בניהול התוכן, תוך שמירה על מבנה אחיד שמייעל את הנראות והפונקציונליות של הסקשן.
לאחר מכן, נעבור לבניית הסקשן עצמו, כולל שילוב של רקע דינמי בעיצוב מותאם. במסגרת זו, נשתמש ברקע של כדור הארץ, אותו נדחוס למקסימום מבלי לפגוע באיכות הנדרשת, על מנת לשפר את הביצועים באתר. ניצור את ה-CCT כולל כל שדות המטא הנחוצים, המאפשרים לנו להזין נתונים מדויקים עבור כל המלצה, כמו שם הלקוח, תיאור ותמונה. לאחר השלמת שלב זה, נעלה את הכרטיסים בפועל ונבנה ליסטינג מותאם לתצוגת ההמלצות.
בהמשך נעמיק בבניית הכרטיסים, תוך שימוש בטכניקות כמו Fallback המבטיחים אחידות ויזואלית בכל המקרים, גם כשנתונים חסרים. עם סיום הכרטיסים, נתמודד עם אתגר יצירתי: בניית הגבול החיצוני של כל כרטיס בעזרת אלמנט "מרווח" ליצירת מראה ייחודי ומעוצב. לסיום, נעצב את החצים של הקרוסלה המשמשת לניווט בין ההמלצות, מה שמעניק מראה דינמי ומשתלב באופן הרמוני בעיצוב הכללי של האתר. השיעור מדגים שימוש בכלים מתקדמים, עקרונות UX/UI ותכנון נתונים, כחלק בלתי נפרד מתהליך מקצועי של לימוד בניית אתרים בוורדפרס.