שם השיעור: סקשנים למה אנחנו ושירותים

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

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

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