אין לכם גישה לתוכן זה

לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה

תוכן הקורס

מה נלמד בשיעור הזה?

  • נבנה את התשתית לסקשן ההמלצות ונבין שנצטרך להשתמש בווידג'ט שנקרא קרוסלה/Carousel ונוודא שהוא פועל (נכון ל1.12.2024 – הווידג'ט פועל בדיפולט ואין צורך לבצע התאמות נוספות).
  • נבין איך בנוי כרטיס בודד של המלצה ונייצא את האייקונים והתמונות הנדרשות
  • נסגנן קודם את החצים של הקרוסלה שיתאימו לאיפיון
  • נתחיל לבנות את הכרטיס ואת כל האלמנטים שהוא כולל
  • לאחר סיום הכרטיס נבין שהתמונה של הממליצים מיוצאת באיכות נמוכה מדי. נדאג לטפל בזה על ידי ייצוא מהפיגמה באיכות גבוהה יותר.

וקצת יותר בפירוט...

בשיעור זה נתמקד בבניית סקשן "המלצות", שהוא אחד האלמנטים המשפיעים ביותר על אמון המשתמשים והנעתם לפעולה באתר. נתחיל ביצירת התשתית לסקשן באמצעות ווידג'ט הקרוסלה (Carousel), שמאפשר להציג המלצות בצורה דינמית ואינטראקטיבית. נכון לתאריך 1.12.2024, ווידג'ט הקרוסלה פועל בצורה אוטומטית וללא צורך בהתאמות מיוחדות, מה שמקל על תהליך העבודה ומאפשר לנו להתמקד בעיצוב.

 

נבין כיצד בנוי כרטיס בודד של המלצה, הכולל אלמנטים כמו טקסט ההמלצה, תמונת הממליץ ואייקונים נלווים, ונייצא את התמונות והאייקונים הנדרשים מתוך Figma. כדי לוודא שהעיצוב של הקרוסלה משתלב היטב עם שאר חלקי האתר, נסגנן תחילה את החצים של הקרוסלה כך שיתאימו לאיפיון העיצובי הכללי. לאחר מכן נתחיל בבניית כרטיס ההמלצה, תוך הקפדה על כל הפרטים העיצוביים הנדרשים.

 

בסיום הכרטיס, נגלה שהתמונות של הממליצים יוצאו באיכות נמוכה מדי, ונלמד כיצד לתקן זאת על ידי ייצוא מחדש מ-Figma באיכות גבוהה יותר. עבודה זו מדגישה את החשיבות של שימוש במדיה איכותית באתרי וורדפרס, כדי לשמור על מראה מקצועי ונקי. שיעור זה מספק כלי עבודה מעשיים והבנה מעמיקה של עיצוב סקשן המלצות, המהווה חלק בלתי נפרד מכל אתר מקצועי. לימוד זה תורם לשיפור המיומנויות שלכם בעיצוב ובניית אתרי וורדפרס כחלק מקורס בניית אתרים.