איך להבליט פריט בתפריט באתר וורדפרס (עם אלמנטור) – מדריך מעשי לבעלי אתרים

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

במאמר הזה תגלו:

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

למה להבליט פריט בתפריט?

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

✅ פריט בולט מושך קליקים
✅ ממקד את הגולש לפעולה הרצויה
✅ מעלה המרות ומקטין נטישה

איך מבליטים פריט בתפריט באלמנטור?

1. הוסיפו Class לפריט התפריט:

בתוך עריכת התפריט (Appearance > Menus) הוסיפו למחלקת ה־CSS של הפריט את המילה:

plaintextCopyEditsale

אם אתם לא רואים את האפשרות להוסיף מחלקת CSS – לחצו על “אפשרויות תצוגה” למעלה וסמנו “מחלקת CSS”.

2. הוסיפו את ה־CSS הבא להתאמה אישית:

.menu-item.sale a {
  background-color: #f06292;
  color: #fff !important;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 30px;
  border: 2px solid transparent;
  box-shadow: 0 4px 12px rgba(240, 98, 146, 0.3);
  transition: all 0.3s ease;
  text-decoration: none !important;
}

.menu-item.sale a:hover {
  background-color: #fff;
  color: #f06292 !important;
  border-color: #f06292;
  box-shadow: 0 4px 16px rgba(240, 98, 146, 0.4);
}

.menu-item.sale a::after,
.menu-item.sale a::before {
  content: none !important;
  display: none !important;
}

.menu-item.sale a {
  animation: none !important;
}

מה עושים אם עדיין רואים אפקטים ישנים?

אם אלמנטור ממשיך להחיל אפקטים (כמו קו תחתון או מעבר צבעים), תוודאו שאתם לא משתמשים באפקטים מובנים ב־Hover של התפריט.
ניתן גם להוסיף !important כדי לוודא שהעיצוב שלכם מקבל עדיפות.

רוצים לראות את זה בפעולה?

צילמתי סרטון קצר שמסביר את כל זה שלב אחרי שלב – ב־YouTube:
🔗 איך להבליט פריט בתפריט בפחות מ־5 דקות – צפו עכשיו

צריכים עזרה בהתאמה אישית של האתר שלכם?

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

לסיכום:

שיפור קטן בתפריט יכול לעשות שינוי ענק בחוויית המשתמש ובהמרות באתר שלכם.
זה לא עניין של עיצוב – זה עניין של תוצאה.