שם השיעור: דף שירות בודד
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: דף הבית
- סקשן מוצרים חדשים (31:57)
- סקשן השירותים שלנו (30:58)
- סקשן אודותינו (31:02)
- סקשן טיפים ומאמרים (31:16)
- סיום Footer ודף הבית בדסקטופ (30:49)
- בניית Header (30:28)
- בניית Hero Section (31:02)
- בניית כרטיס מוצר (30:26)
- סקשן מבצע קיץ ולמה אנחנו (32:19)
- התאמה למובייל של דף הבית (30:25)
מודול: הגדרות כלליות
- הגדרות שרת ויצירת אפליקציה (41:13)
- הגדרות גלובליות (30:24)
מודול: התאמה למובייל
- התאמה למובייל (39:57)
- התאמה למובייל חלק 2 (28:23)
- התאמה למובייל חלק 3 (29:34)
מודול: עמודי האתר
- התאמה למובייל של דף הבית (30:25)
- דף מאמר בודד (30:09)
- דף שאלות נפוצות (28:50)
- דף אודות (30:35)
- דף יצירת קשר (29:25)
- דפים כלליים (29:12)
- דף ארכיון השירותים שלנו (30:24)
- דף שירות בודד (30:01)
- דף בלוג ודף תוצאות חיפוש (30:27)
מודול: עמודי ווקומרס והרחבה נוספת
- הסרת דף עגלה ושימוש בעגלה צפה (31:03)
- דף תשלום ותודה לאחר תשלום (29:18)
- דף אזור אישי (30:18)
- חיבורי לינקים (29:48)
- הגדרות ווקומרס (30:43)
- דף החנות – חלק 1 (31:37)
- דף החנות – חלק 2 (31:31)
- דף המוצר – חלק 1 (31:43)
- דף המוצר – חלק 2 (31:03)
- הזמנות, לקוחות, דוחות ושיווק (30:00)
נו..? איך היה השיעור?
אחח חבל.. אם היית מנוי - היית יכול ללמוד ולדרג את השיעור!
מה נלמד בשיעור הזה?
- ניצור טמפלייט מסוג "פוסט בודד" ונתחיל את הבניה של הדף. נדלג על האזור שמכיל את הריפיטרים בשלב הזה
- נחזור חזרה לריפיטרים ונבנה את הריפיטר.
- את הריפיטר תמיד בונים קודם רק בHTML ללא כל סטיילינג בשלב הראשוני.
- לאחר מכן נבצע התאמות נרחבות בCSS כדי ליצור את הריפיטר בהתאם לעיצוב שנדרשנו
וקצת יותר בפירוט...
בנייה של דף שירות בודד מתחילה ביצירת טמפלייט חדש מסוג "פוסט בודד" (Single Post Template) באמצעות כלים מתקדמים כמו Elementor Pro או תוספי CPT. בשלב הראשון, נתמקד בבנייה של המבנה הבסיסי של הדף, תוך דילוג זמני על האזור שמכיל את הריפיטרים. מבנה זה יכלול את האלמנטים המרכזיים של הדף, כגון כותרת השירות, תמונה ראשית, ותיאור מפורט. מיקוד במבנה הראשוני מאפשר עבודה מסודרת ומקלה על הוספת האלמנטים המתקדמים בהמשך.
לאחר מכן, נחזור להתמקד ביצירת הריפיטר (Repeater), שמטרתו להציג פריטים חוזרים, כמו רשימת יתרונות, שלבים, או תכונות ייחודיות של השירות. בניית הריפיטר מתחילה בכתיבת HTML בלבד, ללא עיצוב, כדי לבסס את המבנה ההיררכי של האלמנטים. שלב זה מאפשר תצוגה ברורה של התוכן והבטחת עבודה מדויקת עם הנתונים הדינמיים שנשלפים ממערכת ניהול התוכן (CMS).
בשלב האחרון, נבצע התאמות נרחבות באמצעות CSS כדי לעצב את הריפיטר בצורה שתואמת לעיצוב שהוגדר. התאמות אלו יכללו הגדרת צבעים, ריווחים, גופנים, ואפקטים כמו מעבר עכבר (Hover Effects) כדי לשדרג את חוויית המשתמש. שימוש נכון ב-CSS מאפשר להעניק מראה מקצועי ומרשים לדף השירות, תוך שמירה על אחידות עיצובית עם שאר חלקי האתר. התוצאה היא דף שירות בודד שמספק חוויית משתמש ייחודית, מקצועית, ורספונסיבית, התורמת לשיפור מעורבות המשתמשים באתר.