Dynamic menu on PHP (lighting current button in menu)

[Marcee]

Hello.

It is necessary to light the menu, depending on the user ' s page. I mean, insert <li> Parameter class="current"if we're on a page.

Also, please draw attention to data-hover="" Tega <li>
Menu code (indicated in index.php)

.menu_buttons {
  margin: 11px 0 0 133px;
  font-family: Raleway, Arial, sens-serif;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
}
.menu_buttons * {
  box-sizing: border-box;
}
.menu_buttons li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 0.5em;
  padding: 0;
}
.menu_buttons a {
  padding: 0.5em 0;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
}
.menu_buttons a:before,
.menu_buttons a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.menu_buttons a:before {
  bottom: 0;
  display: block;
  height: 3px;
  width: 0%;
  content: "";
  background-color: #50986d;
}
.menu_buttons a:after {
  left: 0;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.menu_buttons a:hover:before,
.menu_buttons .current a:before {
  opacity: 1;
  width: 100%;
}
.menu_buttons a:hover:after,
.menu_buttons .current a:after {
  max-width: 100%;
}
/*---------------*/
body {
 padding: 50px;
 background: #333;  
}

<ul class="menu_buttons">
  <li class="current"><a href="#" data-hover="main">main</a>
  </li>
  <li><a href="#" data-hover="archive">archive</a>
  </li>
  <li><a href="#" data-hover="feedback">feedback</a>
  </li>
</ul>

Thank you for your attention.

[kalyn]

In the file, where a specific page has been implemented to create a removable page with the name of the current page and to check this variable in the menu

For example, in the file, who is responsible for the page archive

/**
 * файл archive.php
 * 
 */
<?php
$page = 'archive';          // задаем значение текущей страницы
require_once('menu.php');   // подключаем меню
// тут полезный контент
?>

♪

/**


файл menu.php


*/

<ul class="menu_buttons">

<li <?php if($page == 'main') echo 'class="current"'?> >

<a href="#" data-hover="main">main</a>

</li>

<li <?php if($page == 'archive') echo 'class="current"'?> >

<a href="#" data-hover="archive">archive</a>

</li>

<li <?php if($page == 'feedback') echo 'class="current"'?> >

<a href="#" data-hover="feedback">feedback</a>

</li>

</ul>