ימים
שעות
דקות
שניות
הזדרזי! המבצע בתוקף עד 04.04.2024

איך מוסיפים כפתור לייק לפוסט, שגם סופר את כמות הלייקים, בעזרת ג’ט אנג’ין?

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

  1. הפעלת האופציה של Data Stores בג’ט אנג’ין. Data Stores משמש לאחסון מידע שנאסף מהגולשים.
    במקרה שלנו – אנחנו רוצות לספור כמה משתמשים לחצו על כפתור הלייק.
  2. הוספת וידג’ט Data Store Button לטמפלט פוסט יחיד של אלמנטור + הגדרה שלו בצורה נכונה.

הגדרת Data Stores בג’ט אנג’ין לצורך הוספת כפתור לייק לעמוד פוסט

  1. הפעילי את האופציה של Data Stores בג’ט אנג’ין: בלוח הבקרה > JetEngine > נפתח לך מסך ההגדרות של ג’ט אנג’ין > הפעילי את האופציה של Data Stores > לחצי על כפתור Save > המתיני מספר שניות – העמוד יתרענן אוטומטית.
הפעילי את האופציה של Data Stores
  1. באותו המסך > בתפריט הצד לחצי על הטאב Data Stores
בתפריט הצד לחצי על הטאב Data Stores
  1. לחצי על כפתור New Store (הוספת מידע חדש שישמר בדאטא של האתר) > בחרי שם (Name) למידע שיאוחסן. (ממליצה לתת שם באנגלית, ללא רווחים) > לחצי על השורה הבאה של הSlug, ואוטומטית תקבלי את אותו השם שבחרת לשורה הראשונה.

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

בחרי שם וSlug
  1. בStore type בחרי את סוג אחסון המידע > לכפתור לייק בחרי את האופציה של שמירת מידע על ידי Cookies. כלומר – המידע יאסף מכל סוגי הגולשים לאתר (גם אורחים וגם מחוברים).
  2. בMax Size בחרי את כמות הפריטים המקסימלית שיכולה להאסף במסד הנתונים. כלומר – כמה לייקים יוכלו להאסף ביחד מכל המשתמשים > ממליצה לבחור מספר מספיק גבוה כמו 9999.
  3. וההגדרה החשובה ביותר > הפעילי את האופציה של Count items, כדי לספור כמה משתמשים לחצו על כפתור הלייק.
ההגדרות המדוייקות לData Store המיועד להוספת אופציה של כפתור לייק לפוסט יחיד

הוספת וידג’ט Data Store Button לטמפלט פוסט יחיד של אלמנטור + הגדרה שלו בצורה נכונה.

  1. בחרי את סוג הפוסטים להם תרצי להוסיף ספירת לייקים > פתחי את טמפלט פוסט יחיד שלהם.
  2. הוסיפי לטמפלט וידג’ט Data Store Button.
וידג’ט Data Store Button
  1. לחצי על הוידג’ט > תוכן > בSelect Store > בחרי את הData Store שהכנת
בחרי את הData Store שהכנת
  1. בLabel בחרי להציג מידע דינמי מסוג Data Stores: Post Count > בהגדרות בחרי את הData Store שהכנת. ככה יוצגו מספר הפעמים שכל המשתמשים יחד לחצו על כפתור הלייק.
בLabel בחרי להציג מידע דינמי מסוג Data Stores: Post Count
בהגדרות בחרי את הData Store שהכנת
  1. בIcon בחרי את האייקון הרצוי שיופיע ליד מספר הלייקים. את יכולה להשתמש בספריית האייקונים המוכנה, או להעלות SVG משלך.
  2. כדי להוסיף אופציה של ביטול הלייק על ידי אותו משתמש > בAction after an item added to store, כלומר – בפעולות אחרי הוספת הלייק, בחרי Remove from store button, כלומר – המשתמש יוכל ללחוץ שוב ולהסיר את הלייק שלו.
המשתמש יוכל ללחוץ שוב ולהסיר את הלייק שלו
  1. בLabel after added to store חזרי שוב על שלב 4. כך מספר הלייקים ישתנה, אחרי שהמשתמש יסיר את הלייק שלו.
ההגדרות המדוייקות להפעלת וידג’ט Data Store Button להוספת כפתור לייק לעמוד פוסט

תצליחי,
חגית

כתיבת תגובה

הדרכות נוספות שיכולות לעזור לך

איך גוגל קורא את האתר שלך, ולמה חשוב שהמבנה שלו יהיה… אנושי!

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

כיצד להתקין ולהגדיר את תוסף WP rocket – המדריך המלא לתוסף האצת אתרים

איך אפשר ליצור דף אינדקס אמניות – שלכל אחת יהיה שם, פרטים נוספים, יצירת קשר (עדיף לינק לחיץ) ותמונת פרופיל, כולל אופציה לסינון ע”פ קטגוריות

אפקט מעבר על קונטיינר באלמנטור עם CSS (הקונטיינר שעוברים עליו אטום, וכל השאר שקופים)

איך אפשר למרכז וידג’ט גם על ציר הY כשבוחרים מיקום מוחלט באלמנטור פרו

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

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

כלים אלופים

10 כלים מומלצים
שיעזרו לך לעבוד מהר יותר
דילוג לתוכן