שם השיעור: דף בלוג ודף תוצאות חיפוש
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: הגדרות כלליות
מודול: דף הבית
מודול: עמודי ווקומרס והרחבה נוספת
מודול: עמודי האתר
מודול: התאמה למובייל
מה נלמד בשיעור הזה?
- נבין את מה שנדרש עבור דף הבלוג/"טיפים ומאמרים"
- ניצור את הקונטיינר העליון כולל ווידג'ט חיפוש שיחפש לנו בתוך המאמרים
- נשים ווידג'ט ליסטינג מתחת לקונטיינר ורק נחבר אליו את הכרטיסים של הפוסטים שכבר יצרנו בדף הבית
- נתקין את JetSmartFilters ונכניס את ווידג'ט Pagination לסידור של עימוד בסוף הפוסטים
- ניצור דף תוצאות חיפוש ונחבר לו נכון את הכותרת כולל תוכן הקשר ובהגדרות הליסטינג נגדיר Archive כדי לקבל את תוצאות החיפוש.
וקצת יותר בפירוט...
בנייה ועיצוב של דף הבלוג ודף תוצאות החיפוש באתר הם שלבים חיוניים לשיפור חוויית המשתמש ולניהול נכון של התוכן. נתחיל בהבנת הדרישות עבור דף הבלוג, שמכונה גם "טיפים ומאמרים". הדף הזה נועד להציג את כל המאמרים בצורה מאורגנת, תוך שילוב אפשרויות חיפוש וסינון שיעזרו למשתמשים למצוא תוכן רלוונטי בקלות.
ראשית, ניצור את הקונטיינר העליון של דף הבלוג, שיכלול כותרת מרשימה וממוקדת ווידג'ט חיפוש. ווידג'ט החיפוש יוגדר כך שהוא יפעל על פוסטים בלבד, מה שיבטיח תוצאות מדויקות ורלוונטיות. מתחת לקונטיינר העליון, נשלב ווידג'ט Listing שאליו נחבר את כרטיסי הפוסטים שכבר יצרנו בדף הבית. שלב זה יחסוך זמן ויבטיח אחידות עיצובית בין עמודי האתר.
לאחר מכן, נתקין את JetSmartFilters כדי לשדרג את פונקציונליות החיפוש והעימוד בדף. נשתמש בווידג'ט Pagination לסידור של עימוד (Paging) בסוף רשימת הפוסטים. העימוד מאפשר למשתמשים לעבור בין עמודי התוכן בקלות, ומעניק לדף הבלוג מראה מסודר ונגיש יותר.
בנוגע לדף תוצאות החיפוש, ניצור דף ייעודי שבו תוצג כותרת שתכלול תוכן הקשרי – כלומר, שילוב מונח החיפוש בתוכה כדי להבהיר למשתמש אילו תוצאות הוא רואה. בהגדרות ווידג'ט הליסטינג נגדיר את תצורת Archive, שתאפשר למשוך את תוצאות החיפוש ולארגן אותן במבנה מקצועי ואסתטי. השילוב של דפים אלה משפר את חוויית הניווט והחיפוש באתר ומדגים את היכולות המתקדמות של כלים כמו Elementor ו-JetSmartFilters.