איך ליצור ולהשתמש בRepeater עם Jet Engine

שתפו את הפוסט

Facebook
LinkedIn
Twitter
Email

בעזרת המדריך היום אנחנו נלמד כיצד ליצור שדה חוזר – Repeater בעזרת Jet Engine וליצור לשדה הספציפי , עיצוב מיוחד בעזרת התוסף אלמנטור .

שלב ראשון – יצירת שדות חדשים

הדבר הראשון שאנחנו צריכים לעשות- הוא ליצור שדות חדשים בצורת רפיטר .
היכנסו לJet Engine ולאחר מכן לMeta Box , לחצו על Add New .
בחרו בהוספה של שדה חדש כפי שלמדנו במדריך יצירת פוסט טייפ טקסונומיות ושדות מיוחדים דרך ג’ט.
בחרו את השדה "Repeater " .

יצירת שדה מותאם חדש בעזרת Jet Engine
יצירת שדה מותאם חדש בעזרת Jet Engine

יצירת הRepeater שלנו

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

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

בחרו פוסט והכניסו בו פרטים בRepeater

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

שדה Repeater בתוך פוסט בעזרת jet engine עם אלמנטור

יצירת Jet Listing לשדה Repeater

עיצוב הRepeater בעזרת אלמנטור

כעת, אנחנו ניצור לופ חדש עבור הRepeater שלנו .
ניגש לListing .

Jet Listing

ונלחץ על Add New

בבחירת מקור הListing , אתם צריכים לבחור ב״ Repeater Field ״
שימו לב לפרמטרים שלכם, חשוב להכניס את הid המדויק של הRepeater .

עריכת הListing באמצעות אלמנטור

פרמטרים נוספים שחשוב להכיר:
From Post Type – מהיכן אתם ״שואבים״ את הנתונים שלכם, האם זה מפוסטים או מפוסט טייפ מותאם שיצרתם .
Repeater Source– כאן יש לכם 2 אופציות, האחת למשוך משדה של JetEngine או ACF .
Repeater Field– השם של הRepeater שלכם .
Listing Item Name– השם של הליסטינג שלכם – כאן אין באמת חשיבות .
Listing View – כאן יש לכם 2 אופציות , האחת להשתמש בעורך של אלמנטור והשנייה עם גוטנברג .

במדריך הזה אנחנו נשתמש בElementor .

כעת לאחר שיצרנו את הlisting , אנחנו נעבור לעריכה באמצעות אלמנטור .
אנחנו נשתמש בוידג׳ט הדינמי של Jet Engine הנקרא: Dynamic Field .
אנחנו נשנה את הSource לRepeater Field ובmeta field נכניס את הנתונים לפי מה שיצרנו בשלב הראשון . ניתן לראות דוגמא כיצד אני עשיתי זאת :

עריכת הוידג׳ט עם אלמנטור

שימוש בRepeater עם Jet Engine בתוך פוסט

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

עריכה באמצעות אלמנטור

לסיכום

לסיכום, למדנו היום איך ליצור שדה Repeater וליצור לו עיצוב חדש בעזרת Jet Engine עם אלמנטור .

אם אהבתם את המדריך, מוזמנים לשתף אותו וכן אם יש לכם הערה/הארה, מוזמנים להגיב .

תגובה אחת

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

כתיבת תגובה

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

דילוג לתוכן