In terms of Wordpress, the process may vary, but here is a general approach when working with PHP includes:
For each page, you would define a variable that contains the page name. For instance, on the about page, you could define something like this:
<?php $page = "about"; ?>
And on the home page, it would be:
<?php $page = "home"; ?>
Within the navigation menu, you would then check the value of the $page variable and echo an "active" class name for the corresponding link. This snippet demonstrates how it can be done:
<li><a href="home.php" class="<?php $page == "home" ? "active" : "" ?>">Home</a></li>
<li><a href="about.php" class="<?php $page == "about" ? "active" : "" ?>">About</a></li>
This approach involves checking the $page variable's value declared on the page and assigning an "active" class to the anchor tag if there is a match, otherwise leaving the class blank.
In your CSS, you would specify styles for the .active class, such as:
.active{ color: green; }
The key is ensuring that the current page's anchor has a specific class (like "active" or "current"), and using PHP to add that class based on the page name, as explained above.
This method might need some customization to suit your needs in Wordpress, especially if you are dealing with custom widgets. You could potentially adapt the above technique for your use case.
I hope this information proves helpful!