web-dev-qa-db-ja.com

作成メニューの「アクティブ選択」のCSSが機能していない、それ以外はすべてです。

（ナビゲーションバー用の）メニューを作成しました。このメニューは、子テーマのheader.phpファイルのコピーに配置されています。

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

Active Selectedメニュー項目のCSSが「Home」以外のすべての項目に対して機能していることを除けば、正常に機能します。

これを選択すると、「ホーム」の背景が変わりますが、他のトップメニュー項目はありません。

#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;
}

CSSはすべてHoverに表示されます。

私はこれに何時間も費やしました、そして問題が何であるかについて理解することができません。

どんな洞察やアイデアでも感謝しています。

ティムありがとう

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary','container' => '' ) ); ?>の後にheader.phpに入れる

<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

これを追加するのを忘れましたBUDDYPRESS

これはうまくいった：

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;
}

</header>の前にheader.phpに追加

<?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>

そして元のコードはこれに少し変更されました：

<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