אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: תחילת הדרך
מודול: הדשבורד של התוסף
מודול: האופציות של התוסף
מודול: המודולים של התוסף
מה נלמד בשיעור הזה?
- נלמד למה שנצטרך להשתמש במחליף הפריסה – Layout Switcher
- נבין איך להגדיר אותו ולבחור דרכו את הליסטינג הרלוונטי
- נגדיר ID לליסטינג שנרצה לסנן
- נייצר אייקונים מתאימים לכל פריסה בFigma (לא סגורים על פיגמה? יש באתר קורס במיוחד בשביל זה)
- נגדיר נכון את הווידג'ט בדגש על Slug שונה לכל סוג פריסה
- כיוון שהווידג'ט מחייב תוויות פעילות אז נסתיר את התווית בעזרת גודל של 0px
וקצת יותר בפירוט...
Layout Switcher הוא כלי שימושי המאפשר למשתמשים לבחור את צורת התצוגה המועדפת עליהם עבור רשימות מוצרים, פוסטים או כל תוכן דינמי אחר באתר. השימוש בו מתאים במיוחד לאתרי חנויות, קטלוגים ודפי שירותים שבהם רוצים לספק חוויית גלישה מותאמת אישית. נבין את היתרונות של הכלי הזה וכיצד ניתן להטמיע אותו באופן חכם באתרי וורדפרס.
נלמד כיצד להגדיר את ה-Layout Switcher ולבחור באמצעותו את הליסטינג הרצוי. חלק חשוב בתהליך הוא הגדרת ID לליסטינג שאותו נרצה לסנן, מה שמאפשר שליטה מדויקת על הנתונים המוצגים לכל פריסה. כמו כן, ניצור אייקונים מותאמים לכל תצוגה באמצעות Figma, כך שהמשתמשים יוכלו להבין בקלות איזה מבנה צפוי להם. מי שלא מכיר את הכלי יכול להיעזר בקורס המיועד לכך.
נמשיך בהגדרת הווידג'ט, תוך שימת דגש על יצירת Slug שונה לכל סוג פריסה, מה שמאפשר למנוע התנגשויות ולהבטיח שהמערכת מזהה נכון את התצוגה המבוקשת. בנוסף, מכיוון שהווידג'ט מחייב הצגת תוויות פעילות, נשתמש בטכניקה חכמה של הסתרת התוויות על ידי קביעת גודל של 0px, כך שהן לא יפריעו לעיצוב הכולל. השימוש ב-Layout Switcher תורם רבות לשיפור חוויית המשתמש ומאפשר גמישות רבה בהצגת התוכן בהתאם להעדפות אישיות.