mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-26 11:08:06 +01:00
43b86a246c
Welcome to the bundled themes family! Theme development to this point has taken place on GitHub. See: https://github.com/WordPress/twentytwenty/. Props anlino, ianbelanger, audrasjb, nielslange, fabiankaegy, mukesh27, poena, joyously, emiluzelac, williampatton, dingo-d, dkarfa, acosmin, rabmalin, kafleg, jeffpaul, hareesh-pillai, burhandodhy, afercia, juanfra, soean, presskopp, justinahinon, jrf, netweb, garyj, pento, flixos90, vbaimas, zebulan, byalextran, mor10, kjellr, allancole, tdh, karmatosed, mapk, matt, andrewtaylor-1, ismailelkorchi, garrett-eclipse, gsayed786, dianeco, celloexpressions, aristath, nadir, cbravobernal, intimez, hometowntrailers, collet, littlebigthing, tobifjellner, kevinkovadia, jarretc. See #48110. Built from https://develop.svn.wordpress.org/trunk@46271 git-svn-id: http://core.svn.wordpress.org/trunk@46083 1a063a9b-81f0-0310-95a4-ce76da25c4cd
156 lines
3.7 KiB
PHP
156 lines
3.7 KiB
PHP
<?php
|
|
/**
|
|
* Displays the menu icon and modal
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Twenty_Twenty
|
|
* @since 1.0.0
|
|
*/
|
|
|
|
?>
|
|
|
|
<div class="menu-modal cover-modal header-footer-group" data-modal-target-string=".menu-modal" aria-expanded="false">
|
|
|
|
<div class="menu-modal-inner modal-inner">
|
|
|
|
<div class="menu-wrapper section-inner">
|
|
|
|
<div class="menu-top">
|
|
|
|
<?php
|
|
|
|
// If the expanded menu is set, output the close button.
|
|
if ( has_nav_menu( 'expanded' ) ) {
|
|
?>
|
|
|
|
<button class="toggle close-nav-toggle fill-children-current-color" data-toggle-target=".menu-modal" data-toggle-screen-lock="true" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".menu-modal">
|
|
<span class="toggle-text"><?php esc_html_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' ); ?>">
|
|
|
|
<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' ); ?>">
|
|
|
|
<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' ); ?>">
|
|
<ul class="social-menu reset-list-style social-icons s-icons">
|
|
|
|
<?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 -->
|