web-dev-qa-db-fra.com

CSS pour le menu créé "Active Selected" ne fonctionne pas, tout le reste est!

J'ai créé un menu (pour la barre de navigation) qui est placé dans une copie du fichier header.php dans mon thème enfant, ci-dessous:

 <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary','container' => '' ) ); ?>

Cela fonctionne très bien SAUF le CSS pour l'élément de menu actif sélectionné ne fonctionne pas pour tout sauf "Accueil".

Cela modifie l’arrière-plan de "Accueil" lorsqu’il est sélectionné, mais aucun des autres éléments du menu principal.

#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access    ul li.current-menu-item > a, #access li.selected > a, #access ul li.current-menu-parent > a, #access ul li.current_page_item, #access ul li.current-menu-item, #access li.selected {
background-color: #1E0D51 !important;
}

Tous les CSS apparaissent pour Hover.

J'ai passé des heures à ce sujet et je ne peux pas comprendre quel est le problème.

Toutes les idées ou idées sont grandement appréciées.

Merci Tim

Place dans header.php après <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary','container' => '' ) ); ?>

<ul> 
            <?php if ( is_user_logged_in() ) { ?> 
            <li class="menu-item"id="menu-item-22"> <a href="<?php echo                                               bp_loggedin_user_domain() ?>activity/just-me/">My Wall</a>
          <ul class="sub-menu"> 

            <li class="menu-item"> <a href="<?php echo bp_loggedin_user_domain() ?       >activity/friends/">My Friends' Activities</a></li>
            <li class="menu-item"> <a href="<?php echo bp_loggedin_user_domain() ?    >profile/edit/group/1">Edit My Profile</a></li>
   </ul> 
 </li>
 <!-- new menu here  edit the links-->
 <li class="menu-item"id="menu-item-22"> <a href="http://maolalumnet.org/members/">All Members</a>
        <ul class="sub-menu"> 

            <li class="menu-item"> </li>
   </ul> 
 </li>
 <!--end menu--->
 <!-- new menu here  edit the links-->
 <li class="menu-item"id="menu-item-22"> <a href="http://maolalumnet.org/groups/">All Groups</a>
        <ul class="sub-menu"> 

            <li class="menu-item"> <a href="<?php echo bp_loggedin_user_domain() ?>groups/">My Groups</a></li>
   </ul> 
</li>
<!--end menu--->
<!-- new menu here  edit the links-->
<li class="menu-item"id="menu-item-22"> <a href="http://maolalumnet.org/events/">All Events</a>
        <ul class="sub-menu"> 

            <li class="menu-item"> <a href="http://maolalumnet.org/events-calander/">Calendar View</a></li>
            <li class="menu-item"> <a href="<?php echo bp_loggedin_user_domain() ?>events/my-events/">My Events</a></li>
            <li class="menu-item"> <a href="<?php echo bp_loggedin_user_domain() ?>events/my-events/">Create an Event</a></li>
   </ul> 
</li>
<!--end menu--->
<?php ;} ?>
menuscss
1
xyz

J'ai oublié d'ajouter ceci est pour BUDDYPRESS

Cela a fonctionné:

Ajouter à functions.php:

//--Current Page URL
function curPageURL() {
$pageURL = 'http';
if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
$pageURL .= "://";
if ($_SERVER["SERVER_PORT"] != "80") {
$pageURL .=   $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
} else {
$pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
}
return $pageURL;
}

Ajouter à header.php avant </header>

<?php

                if ( curPageURL() == bp_loggedin_user_domain().'activity/just-me/') {   $current = 'one'; }
                 elseif ( curPageURL() == bp_loggedin_user_domain().'activity/friends/') { $current = 'one'; }
                 elseif ( curPageURL() == bp_loggedin_user_domain().'profile/edit/group/1') { $current = 'one'; }

                 elseif ( curPageURL() == 'http://my_site.com/members/') { $current = 'two'; }

                 elseif ( curPageURL() == 'http://my_site.com/groups/'){ $current = 'three'; }
                 elseif ( curPageURL() == bp_loggedin_user_domain().'groups/') { $current = 'three'; }

                 elseif ( curPageURL() == 'http://my_site.com/events/') { $current = 'four'; }
                 elseif ( curPageURL() == bp_loggedin_user_domain().'events/my-events/') { $current =  'four';}                    

?>

            <style type="text/css">
              #<?php echo $current; ?> {
             background-color: #1E0D51;
             font-family: Comic Sans MS,Comic Sans MS5,cursive;
             }                 } 
            </style>

Et le code original a été légèrement modifié pour ceci:

<ul> 

            <li class="menu-item"id="one"> <a href="<?php echo bp_loggedin_user_domain() ?>activity/just-me/">My Wall</a>
        <ul class="sub-menu"> 

            <li class="menu-item"> <a href="<?php echo bp_loggedin_user_domain() ?>activity/friends/">My Friends' Activities</a></li>
            <li class="menu-item"> <a href="<?php echo bp_loggedin_user_domain() ?>profile/edit/group/1">Edit My Profile</a></li>
     </ul> 
 </li>
<!-- new menu here  edit the links-->
<li class="menu-item"id="two"> <a href="http://my_site.com/members/">All Members</a>
        <ul class="sub-menu"> 

            <li class="menu-item"> </li>
   </ul> 
 </li>
<!--end menu--->
<!-- new menu here  edit the links-->
<li class="menu-item"id="three"> <a href="http://my_site.com/groups/">All Groups</a>
        <ul class="sub-menu"> 

            <li class="menu-item"> <a href="<?php echo bp_loggedin_user_domain() ?>groups/">My Groups</a></li>
   </ul> 
 </li>
<!--end menu--->
<!-- new menu here  edit the links-->
<li class="menu-item"id="four"> <a href="http://my_site.com/events/">All Events</a>
        <ul class="sub-menu"> 

            <li class="menu-item"> <a href="http://my_site.com/events-calander/">Calendar View</a></li>
            <li class="menu-item"id="four"> <a href="<?php echo bp_loggedin_user_domain() ?>events/my-events/">My Events</a></li>
            <li class="menu-item"id="four"> <a href="<?php echo bp_loggedin_user_domain() ?>events/my-events/">Create an Event</a></li>
   </ul> 
 </li>
<!--end menu--->
<?php 
} 
}
add_action("bp_nav_items","add_profile_link_to_nav");
1
xyz