איך לפתוח פופאפ אלמנטור מתוך תפריט הניווט של WordPress – מדריך קצר ופשוט
תוכן עניינים
במדריך הזה תגלו כיצד ליצור פופאפ ב-Elementor ולקרוא לו ישירות מפריט בתפריט הניווט של WordPress – בלי תוספים מיותרים ובלי קוד מסובך. הפתרון מבוסס על Trigger מסוג “Open by Selector” ושימוש במחלקות CSS (CSS Classes) לפריט התפריט.
יצירת הפופאפ ב-Elementor
בלוח הבקרה של WordPress בחרו ב-Elementor → Templates → Popups.
לחצו על Add New Popup, תנו שם והוסיפו את התוכן הרצוי.
עיצבו את הפופאפ לפי הצורך ושמרו (Publish).
עד כאן זה כמו כל טופס אלמנטור רגיל, עכשיו הגענו לעיקר הגדרת Trigger לפתיחה לפי Selector
בתוך עורך Elementor של הפופאפ לחצו על סמל ההגדרות (גלגל שיניים).
עברו לטאב Advanced → Open By Selector.
שדה CSS Selector: הכניסו שם את הסלקטור, למשל:
.menu-item-contact-popup
חשוב: הסלקטור כולל נקודה . לפני השם.
הוספת CSS Class לפריט בתפריט WordPress
בלוח הבקרה בחרו Appearance → Menus.
אם אינכם רואים את השדה “CSS Classes” ליד פריטי התפריט: לחצו על Screen Options (למעלה ממש). וסמנו את תיבת ה-CSS Classes.
בחרו בפריט התפריט שאליו תרצו לקשר את הפופאפ (למשל “צור קשר”).
בשדה CSS Classes הוסיפו את השם (ללא נקודה):
menu-item-contact-popup
חשוב: הסלקטור ללא הנקודה . לפני השם.
בשדה URL הזינו # בלבד, כדי למנוע טעינה מחדש של הדף.
גלשו לדף האתר ולחצו על פריט התפריט החדש – הפופאפ אמור להיפתח מיידית.
במידה ולא מופיע:
- בדקו שאין שגיאה בסלקטור (נקודה מול בלי נקודה).
- וודאו שהפופאפ במצב מפורסם ולא מוגבל בתנאי תצוגה.
