אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: הגדרות כלליות
מודול: דף הבית
מודול: עמודי ווקומרס והרחבה נוספת
מודול: עמודי האתר
מודול: התאמה למובייל
מה נלמד בשיעור הזה?
- נתחיל בליצור את הקונטיינר של השירותים.
- ניצור כרטיס ראשון של שירות ונתמודד עם חיתוך חלקי של האייקון.
- הסיבה שזה קרה מוסברת החל מדקה 7:00
- כמו שהבטחתי, הנה כל הCSS הנדרש:
וקצת יותר בפירוט...
בנייה של סקשן "השירותים שלנו" באתר מכירות היא הזדמנות להציג את היכולות והערכים שהעסק מציע ללקוחותיו. בשלב הראשון, ניצור את הקונטיינר המרכזי שיכלול את כל השירותים המוצגים. הקונטיינר הזה משמש מסגרת ויזואלית שמאגדת את כל האלמנטים, ומאפשרת חלוקה מסודרת ומזמינה לעין. עיצוב הקונטיינר צריך להתאים למיתוג הכללי של האתר וליצור חוויית משתמש ברורה ומסודרת.
לאחר מכן, נתחיל ביצירת הכרטיס הראשון שמציג שירות. במסגרת זו, ניתקל באתגר של חיתוך חלקי של האייקון, שדורש תשומת לב מיוחדת. כדי לפתור בעיות כאלה, חשוב להבין את המבנה של ה-CSS וההשפעה שלו על האלמנטים. לדוגמה, ייתכן שהבעיה נגרמת מהגדרות מרווחים (margins) או גבולות (borders) שדורשות התאמה. ההסבר הטכני לתיקון מופיע בדקות המצוינות בסרטון הקורס, והוא מדגיש את החשיבות של הבנת הפרטים בעבודה עם קוד.
לבסוף, הנה ה-CSS הדרוש כדי לפתור את האתגרים ולספק עיצוב נקי ואחיד לסקשן השירותים. שימוש נכון ב-CSS מאפשר שליטה מדויקת בעיצוב הכרטיסים, האייקונים והטקסטים, ומבטיח שהסקשן ישתלב היטב במראה הכללי של האתר. עיצוב הסקשן הוא הזדמנות ליישם עקרונות מתקדמים של לימוד בניית אתרים ועיצוב אתרי וורדפרס, תוך התמקדות ביצירת חוויית משתמש מקצועית ואסתטית שמשדרגת את האתר כולו.