Changeset 13048 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/header.php

Timestamp:

12/11/2023 09:44:25 PM (18 months ago)

Author:

coffee2code

Message:

Theme Directory: Improve appearance of menubar link.

Improves hover design and adds current page recognition and design. Not perfect, but good enough for the one link it needs to handle.

Props sabernhardt, coffee2code.
See #6552.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/header.php (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/header.php

@@ -10 +10 @@
 echo do_blocks( '<!-- wp:wporg/global-header /-->' );
 
+$menu_links = [
+    home_url( '/commercial/' ) => __( 'Commercial Themes', 'wporg-themes' ),
+];
 ?>
 <header id="masthead" class="site-header <?php echo is_home() ? 'home' : ''; ?>" role="banner">
@@ -38 +41 @@
 <nav id="site-navigation" class="main-navigation" role="navigation">
     <ul id="menu-theme-directory" class="menu">
-        <li><a href="<?php echo home_url( '/commercial/' ); ?>"><?php _e( 'Commercial Themes', 'wporg-themes' ); ?></a></li>
+        <?php
+        foreach ( $menu_links as $url => $text ) :
+            $is_current_page = 0 === strpos( "https://{$_SERVER['SERVER_NAME']}{$_SERVER['REQUEST_URI']}", $url );
+            $class = $is_current_page ? ' class="current-menu-item"' : '';
+        ?>
+        <li<?php echo $class; ?>><a href="<?php echo esc_url( $url ); ?>"><?php echo $text; ?></a></li>
+        <?php endforeach; ?>
     </ul>
 </nav>