שם השיעור: דף ארכיון השירותים שלנו
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: הגדרות כלליות
מודול: דף הבית
מודול: עמודי ווקומרס והרחבה נוספת
מודול: עמודי האתר
מודול: התאמה למובייל
מה נלמד בשיעור הזה?
- נבנה אסטרטגיה (חשוב ביותר!) איך להתחיל את פיתוח דף הארכיון
- נבין מה השדות הנדרשים בדף שירות בודד וניצור CPT בהתאם עם השדות הרלוונטיות כולל יצירת שדה מסוג ריפיטר (Repeater).
- ניצור פוסטים/שירותים בהתאם למה שקיבלנו בעיצוב
- ניצור ליסטינג (Listing) של שירות בודד ונתאים אותו למובייל. לאחר מכן ניצור אחד נוסף ונעתביק את תוכן הכרטיס הראשון אל הכרטיס השני ורק נהפוך את הסדר.
- נתקין את תוסף שכפול הפוסטים ונשכפל את השירותים הבודדים
- נוסיף את ווידג'ט הליסטינג אל דף הארכיון ונזריק את השירותים עם הסידור ההפוך להתאמה מקסימלית לפי העיצוב
וקצת יותר בפירוט...
בניית דף ארכיון "השירותים שלנו" היא תהליך מובנה שמתחיל בגיבוש אסטרטגיה ברורה. אסטרטגיה זו כוללת תכנון של מבנה הדף, בחירת האלמנטים שיוצגו, והגדרת השדות הנדרשים עבור כל שירות. שלב זה חשוב במיוחד, שכן הוא מכתיב את הזרימה והעיצוב של דף הארכיון, תוך התחשבות בחוויית המשתמש ובאחידות העיצובית של האתר.
בהמשך, נבין מהם השדות הנדרשים לדף שירות בודד וניצור Custom Post Type (CPT) מתאים. ה-CPT יכלול שדות רלוונטיים, כמו כותרת השירות, תיאור קצר, תמונה מייצגת, ותכנים נוספים המותאמים לעיצוב שהוגדר. בנוסף, נשתמש בשדה מסוג Repeater כדי לאפשר הצגה של פריטים חוזרים, כמו רשימות תכונות או שלבי עבודה. לאחר מכן, ניצור פוסטים בהתאם לשירותים בעיצוב, כך שכל שירות יוצג באופן מדויק ומשקף את המידע הרצוי.
נבנה כרטיס (Listing) עבור שירות בודד, נתאים אותו למובייל כדי להבטיח שהוא נראה מושלם בכל מכשיר, וניצור כרטיס נוסף שבו נשנה את סדר האלמנטים, לשם גיוון עיצובי. תהליך זה מאפשר גמישות ומבטיח שהתצוגה תעמוד בדרישות העיצוב. כדי לייעל את העבודה, נתקין תוסף לשכפול פוסטים ונשכפל את השירותים הבודדים שנוצרו, מה שיחסוך זמן ויבטיח אחידות בתוכן.
לבסוף, נשלב את ווידג'ט הליסטינג בדף הארכיון ונשתמש בהזרקת השירותים (Dynamic Injection) כדי להציג אותם בסידור ההפוך המתאים לעיצוב. כל התהליך הזה מדגים את השימוש המתקדם ב-CPT, תוספים וכלי עיצוב בוורדפרס, ומוביל לדף ארכיון מקצועי, רספונסיבי ואטרקטיבי שמשדרג את האתר ומציג את השירותים בצורה מיטבית.