アクティブサイドバーメニューへのリンク方法

Question

私はワードプレスのサイドバーメニューに取り組んでいます。その特定のリンクをクリックするとリンクをアクティブにしたいと思っています。

<ul id="menu-home" class="menu"> 
    <li id="menu-item-10" 
     class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-10"> 
     <a href="page.php">Home</a> 
    </li> 
    <li id="menu-item-50" 
     class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50"> 
     <a href="page1.php">About</a> 
    </li> 
    <li id="menu-item-48" 
     class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"> 
     <a href="page2.php">Services</a> 
    </li> 
    <li id="menu-item-47" 
     class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47"> 
     <a href="page3.php">Gallery</a> 
    </li> 
    <li id="menu-item-49" 
     class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"> 
     <a href="page4.php">Contact</a> 
    </li> 
    <li id="menu-item-235" 
     class="menu-item menu-item-type-post_type menu-item-object-page menu-item-235"> 
     <a href="page5.php">Blog</a> 
    </li> 
</ul> 

Answer 1

次のCSSをあなたのデザイン

に基づいて

.current_page_item { 
color: #920606 
} 

変更の16進コードを追加します。