123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148 |
- <?php
- /**
- * Displays the menu icon and modal
- *
- * @package WordPress
- * @subpackage Twenty_Twenty
- * @since Twenty Twenty 1.0
- */
- ?>
- <div class="menu-modal cover-modal header-footer-group" data-modal-target-string=".menu-modal">
- <div class="menu-modal-inner modal-inner">
- <div class="menu-wrapper section-inner">
- <div class="menu-top">
- <button class="toggle close-nav-toggle fill-children-current-color" data-toggle-target=".menu-modal" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".menu-modal">
- <span class="toggle-text"><?php _e( 'Close Menu', 'twentytwenty' ); ?></span>
- <?php twentytwenty_the_theme_svg( 'cross' ); ?>
- </button><!-- .nav-toggle -->
- <?php
- $mobile_menu_location = '';
- // If the mobile menu location is not set, use the primary and expanded locations as fallbacks, in that order.
- if ( has_nav_menu( 'mobile' ) ) {
- $mobile_menu_location = 'mobile';
- } elseif ( has_nav_menu( 'primary' ) ) {
- $mobile_menu_location = 'primary';
- } elseif ( has_nav_menu( 'expanded' ) ) {
- $mobile_menu_location = 'expanded';
- }
- if ( has_nav_menu( 'expanded' ) ) {
- $expanded_nav_classes = '';
- if ( 'expanded' === $mobile_menu_location ) {
- $expanded_nav_classes .= ' mobile-menu';
- }
- ?>
- <nav class="expanded-menu<?php echo esc_attr( $expanded_nav_classes ); ?>" aria-label="<?php esc_attr_e( 'Expanded', 'twentytwenty' ); ?>" role="navigation">
- <ul class="modal-menu reset-list-style">
- <?php
- if ( has_nav_menu( 'expanded' ) ) {
- wp_nav_menu(
- array(
- 'container' => '',
- 'items_wrap' => '%3$s',
- 'show_toggles' => true,
- 'theme_location' => 'expanded',
- )
- );
- }
- ?>
- </ul>
- </nav>
- <?php
- }
- if ( 'expanded' !== $mobile_menu_location ) {
- ?>
- <nav class="mobile-menu" aria-label="<?php esc_attr_e( 'Mobile', 'twentytwenty' ); ?>" role="navigation">
- <ul class="modal-menu reset-list-style">
- <?php
- if ( $mobile_menu_location ) {
- wp_nav_menu(
- array(
- 'container' => '',
- 'items_wrap' => '%3$s',
- 'show_toggles' => true,
- 'theme_location' => $mobile_menu_location,
- )
- );
- } else {
- wp_list_pages(
- array(
- 'match_menu_classes' => true,
- 'show_toggles' => true,
- 'title_li' => false,
- 'walker' => new TwentyTwenty_Walker_Page(),
- )
- );
- }
- ?>
- </ul>
- </nav>
- <?php
- }
- ?>
- </div><!-- .menu-top -->
- <div class="menu-bottom">
- <?php if ( has_nav_menu( 'social' ) ) { ?>
- <nav aria-label="<?php esc_attr_e( 'Expanded Social links', 'twentytwenty' ); ?>" role="navigation">
- <ul class="social-menu reset-list-style social-icons fill-children-current-color">
- <?php
- wp_nav_menu(
- array(
- 'theme_location' => 'social',
- 'container' => '',
- 'container_class' => '',
- 'items_wrap' => '%3$s',
- 'menu_id' => '',
- 'menu_class' => '',
- 'depth' => 1,
- 'link_before' => '<span class="screen-reader-text">',
- 'link_after' => '</span>',
- 'fallback_cb' => '',
- )
- );
- ?>
- </ul>
- </nav><!-- .social-menu -->
- <?php } ?>
- </div><!-- .menu-bottom -->
- </div><!-- .menu-wrapper -->
- </div><!-- .menu-modal-inner -->
- </div><!-- .menu-modal -->
|