תפריט אב לא מקשר לעמוד שלו ב-bootstrap 4

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

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

חיפשתי וחיפשתי פתרון ובסוף מצאתי.

שלב 1: פתח את הקובץ:  wp-bootstrap-navwalker.php עם העורך.

הקובץ נמצא בתיקיה lib.

לך לשורה 88, והחלף את הקוד הבא:

// If item has_children add atts to a.
if ( $args->has_children && $depth === 0 ) {
   $atts['href']        = '#';
   $atts['data-toggle'] = 'dropdown';
   $atts['class']           = 'dropdown-toggle';
} else {
   $atts['href'] = ! empty( $item->url ) ? $item->url : '';
}

בקוד הזה:

// If item has_children add atts to a.
if ( $args->has_children && $depth === 0 ) {
   $atts['href'] = ! empty( $item->url ) ? $item->url : '';
   //$atts['data-toggle']   = 'dropdown';
   $atts['class']           = 'dropdown-toggle';
} else {
   $atts['href'] = ! empty( $item->url ) ? $item->url : '';
}

שלב 2: פתח את Style.css

פתח את Style.css של התמה (אני משתמש ב-Child theme כדי שלא ימחקו לי השינויים בכל עדכון),

והוסף את השורה הבא:

.dropdown:hover .dropdown-menu { display: block; }

זהו, כעת תפריט האב יעבוד גם כן!