Jet Listing – יצירת לולאות בג'ט לפוסטים / מוצרים

שתפו את הפוסט

Facebook
LinkedIn
Twitter
Email

גלו כיצד אתם תוכלו לבנות תבנית Listing חדשה עם התוסף Jet Engine .
בנו עכשיו והשתמשו בה אחר כך באלמנטור .

ראשית, אם עוד לא קראתם את המדריך הקודם ״איך ליצור סוג פוסט חדש באתר בעזרת JetEngine ״ הכנסו אליו , הוא מהווה הסבר חשוב ובסיס למדריך זה.

במדריך זה , אנחנו נלמד כיצד ליצור listing ולהציג תוכן דינמי .
אם אתם רוצים ללמוד עוד על jet engine ,מוזמנים להכנס למדריך הראשון .

מה זה Listing ?

Listing- זה טמפלט עבור Post Type , טקסונומיות ומשתמשים .
בעזרת הליסטינג תוכלו ליצור מראה חדש ולעצב אותו לפי רצונכם .
תוכלו לשלוף נתונים דינמיים מהשדות הדינמיים מאותו הפוסט או הטקסונומיות .

בזכות הליסטינג, תוכלו להיות בטוחים שכמעט כל עיצוב אשר תרצו ליצור עיצוב חדש בצורת גריד ולהשתמש בכל וידג׳ט אשר תומך בתוכן דינמי .

יצירת Listing

שלב ראשון- יצירת ליסטינג חדש

תחילה, הכנסו לJet Engine > Listing , שם תוכלו לראות את כל הליסטינג שיצרתם וכן גם ליצור אחד חדש, לחצו על Add New .

רשימת הליסטינג שלכם .

שלב שני- בחירת ויצירה של ליסטינג

כאשר נפתח ליסטינג חדש , יפתח לנו חלון חדש ובו הנתונים הבאים שתצטרכו לבחור לפי הליסטינג אותו תרצו ליצור .

  • פוסטים ,תנאים או משתמשים : בחרו עבור מה אתם יוצרים את הליסטינג .ֿ
  • במקרה שלנו אנחנו נבחר פוסטים אך אתם יכולים לבחור איזה שאתם רוצים .
  • רשמו את את השם לליסטינג החדש .

עצבו את הליסטינג לפי רצונכם

כעת , בואו נוודא שיש לנו את כל הנתונים הנחוצים , זכרו שניתן להשתמש בכל התנאים הדינמיים שיצרנו , אותם נוכל להציג בעזרת כל וידג׳ט שתומך בשדה דינמי .
חשוב לקחת בחשבון שאת הליסטינג אנחנו נציג בצורת גריד או סליידר, לכן וודאו שאתם יוצרים ליסטינג שמותאם רספונסיבית לסליידר וגריד.
כמובן שניתן להשתמש בוידג׳ט dynmiac field שמגיע עם jet שנותן לנו לא מעט אופציות .

במקרה שלנו, אנחנו ניצור ליסטינג שיותאם לתיק עבודות בעזרת וידג׳ט פשוט שמגיע עם אלמנטור.
בכותרת נבחר בדינמי – כותרת הפוסט ובתמונה נבחר בתמונת הפוסט.

רספונסיביות והגדרות נוספות

כעת לאחר שעיצבתם את הליסטינג, מה שנותר לכם הוא לבדוק כיצד הוא עובד בסלולר ובטאבלט .
בנוסף יש עוד מספר הגדרות נוספות שתוכלו לשנות:

  • חלון חדש- האם כאשר ילחצו על הליסטינג, הוא יפתח בחלון חדש או לא.
  • קליקבלי- האם כאשר ילחצו על הליסטינג, כל הפריט יהיה לחיץ או רק לפי הוידג׳ט .
  • הגדרות תצוגה מקדימה- בשביל לבדוק את הרספונסיביות , תוכלו לשנות את הגודל ולהתאים את הליסטינג בהתאם .

פרסמו את הליסטינג שלכם והשתמשו בו באלמנטור

כעת לאחר שעיצבתם את הליסטינג שלכם לפי בחירתכם והתאמתם אותו רספונסיבית, כל מה שנותר לכם הוא לפרסם את הליסטינג ולהשתמש בו .
לחצו על הכפתור פרסום .
לאחר שפרסמנו , בחרו את הדף אותו שבו תרצו להציג את הליסטינג החדש שיצרנו,
במקרה שלי זה יהיה עמוד הבית .
גררו את הוידג׳ט listing grid לאזור שבו תרצו להציג את הגריד.
ובחרו את הליסטינג אותו יצרנו בתחילת המדריך .

כפי שאתם רואים, התוצאה הסופית היא בדיוק כפי שהגדרנו, בחרנו שיהיה בתצורת סליידר .

אז מה למדנו?

מה זה Listing , יצירת Listing , כיצד לעצב את הListing , התאמה רספונסיבית וכיצד להשתמש בListing Grid .

לינקים שימושיים:
אתר החברה של התוסף
אתר התוסף jet engine איתו בנינו את סוג הפוסט המותאם
Jet Engine – יצירת פוסט טייפ טקסונומיות ושדות מיוחדים דרך ג’ט.

מוזמנים להגיב ולהביע את דעתכם על המדריך וכן גם לשאול שאלות ולבקש בקשות למדריכים נוספים .

שתפו את הפוסט

Facebook
Twitter
WhatsApp
Telegram
Email

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *