בעזרת המדריך היום אנחנו נלמד כיצד ליצור שדה חוזר – Repeater בעזרת Jet Engine וליצור לשדה הספציפי , עיצוב מיוחד בעזרת התוסף אלמנטור .
שלב ראשון – יצירת שדות חדשים
הדבר הראשון שאנחנו צריכים לעשות- הוא ליצור שדות חדשים בצורת רפיטר .
היכנסו לJet Engine ולאחר מכן לMeta Box , לחצו על Add New .
בחרו בהוספה של שדה חדש כפי שלמדנו במדריך יצירת פוסט טייפ טקסונומיות ושדות מיוחדים דרך ג’ט.
בחרו את השדה "Repeater " .
יצירת הRepeater שלנו
במדריך זה אנחנו נציג בעזרת הרפיטר – כותרת , טקסט וגלריה .
אך שימו לב, ניתן ליצור כמעט כל שדה שתרצו להשתמש בו ברפיטר , האפשרויות הן באמת כמעט ולא מוגבלות .
שימו לב, ליצור את השדות אך ורק בשפה האנגלית , בלי סימנים ותווים מוזרים .
בחרו פוסט והכניסו בו פרטים בRepeater
הכנסו לאחד מן הפוסטים וצרו Repeater בתוך הפוסט , הכניסו את הפרטים לתוך השדות , זה מה שאני עשיתי בRepeater שלי לדוגמא:
יצירת Jet Listing לשדה Repeater
עיצוב הRepeater בעזרת אלמנטור
כעת, אנחנו ניצור לופ חדש עבור הRepeater שלנו .
ניגש לListing .
ונלחץ על Add New
בבחירת מקור הListing , אתם צריכים לבחור ב״ Repeater Field ״
שימו לב לפרמטרים שלכם, חשוב להכניס את הid המדויק של הRepeater .
פרמטרים נוספים שחשוב להכיר:
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 עם אלמנטור .
אם אהבתם את המדריך, מוזמנים לשתף אותו וכן אם יש לכם הערה/הארה, מוזמנים להגיב .