יצירת Listing ו-Listing Grid

כיצד יוצרים Listing טמפלייט עבור Custom Post Type באמצעות Jet Engine?

מהו Listing ?
Listing הוא תבנית לסוג פוסט או מונח בו אנו מתאימים ומעצבים בעיצוב אישי את התוכן שנשלף באופן דינמי משדות המטה הזמינים שהגדרנו עבור הפוסט. באמצעות Listing נוכל לוודא שהתוכן יוצג בתוך הגריד בדף הארכיון בהתאם לעיצוב שעיצבנו. את התוכן אנו שולפים בעזרת כל הווידג'טים המותקנים באלמנטור (כולל הרחבות) התומכים בתוכן דינמי.

שלב I – יצירת Listing חדש:

1. ראשית, ניגש לתפריט הראשי בדשבורד של הוורדפרס וננווט אל JetEngine > Listings

2. במסך שייפתח לנו Listing Items נלחץ על הלחצן של Add New/הוסף חדש

שלב II – הגדרת ה-Listing החדש:

3. לאחר שנפתח חלון הגדרת ה-Listing – Setup Listing Item, עלינו למלא את המידע הבא:

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

לאחר מכן נלחץ על הלחצן  Create Listing Item.

שלב III – עריכת ה-Listing:

4. את עריכת ה-Listing נעשה דרך הבילדר של Elementor, ראשית עלינו לתכנן (אפילו בסקיצה) כיצד אנחנו רוצים שה-Listing Grid שלנו ייראה.

5. ניצור איזור בתוך אלמנטור שלתוכו נכניס ווידג'טים שבהם יש אפשרות של דינמיות מתוך מבחר הווידג'טים של Jet או של אלמנטור (כולל הרחבות) כשאנו מגדירים בכל אחד מהם מהיכן יימשך התוכן ואת השדה ממנו הערך יילקח

יתרה מכך, ישנה אפשרות להתאים את ההגדרות הדרושות ל-Listing תחת ההגדרות של Listing Item Settings, שתוכלו לפתוח על ידי לחיצה על סמל גלגל השיניים בתחתית העמוד.

כאן תוכלו לשנות את הכותרת ואת סטטוס ה-Listing. בכרטיסייה Listing Settings ניתן לשנות את מקור ה-Listing ולהפעיל את האופציה המאפשרת לחיצה על ה-Listing (שכל ה-Listing יהיה קליקבילי.

6.  לאחר שסיימנו לערוך ולעצב את ה-Listing נלחץ על לחצן פרסם/Publish

שלב IV – הצגת ה-Listing בתוך דף ארכיון (Listing Grid):

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

2. נגרור ווידג'ט של Listing Grid לתוך איזור חדש שיצרנו בדף

3. נגדיר תחת General את ה-Listing שיצרנו כסקין עבור הכרטיסיות שיוצגו בגריד

4. כמו כן, נגדיר ונתאים אישית את אפשרויות התוכן והסגנון של הווידג'ט. שימו לב שכעת הכרטיסיות המוצגות בגריד הם בדיוק במראה ובעיצוב שעיצבנו ב-Listing

5. התאמת השאילתא עבור תצוגת הגריד: נוכל בשאילתא להגדיר את מזהה הפוסטים (הקטגוריה או הטקסונומיה), למיין לפי סדר עולה או יורד, ליצור צרופי מיון שונים על ידי התאמה אישית של הגדרות השאילתה והפריסה בהתאם לצרכים שלנו.

6. נעדכן את השינויים ונצפה בתצוגה של הדף שיצרנו (שימו לב!!! עליכם לקבוע את התנאים המתאימים כדי להציג את Listing Grid בדף הארכיון של הפוסט ולשייך אותו ל-Post Type המתאים).

7. זהו!!! מזל טוב, יצרנו דף ארכיון מושלם.