mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-03 09:21:03 +01:00
a3a61c5a3e
Role="navigation" was required for assistive technology to recognize HTML5 element's native ARIA roles while HTML5 and ARIA were being introduced. With the deprecation of IE11, the role attribute is only required when mapping elements that don't have native role. Props costdev, mukesh27. Fixes #54054. Built from https://develop.svn.wordpress.org/trunk@51967 git-svn-id: http://core.svn.wordpress.org/trunk@51556 1a063a9b-81f0-0310-95a4-ce76da25c4cd
120 lines
3.1 KiB
PHP
120 lines
3.1 KiB
PHP
<?php
|
|
/**
|
|
* Displays the menus and widgets at the end of the main element.
|
|
* Visually, this output is presented as part of the footer element.
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Twenty_Twenty
|
|
* @since Twenty Twenty 1.0
|
|
*/
|
|
|
|
$has_footer_menu = has_nav_menu( 'footer' );
|
|
$has_social_menu = has_nav_menu( 'social' );
|
|
|
|
$has_sidebar_1 = is_active_sidebar( 'sidebar-1' );
|
|
$has_sidebar_2 = is_active_sidebar( 'sidebar-2' );
|
|
|
|
// Only output the container if there are elements to display.
|
|
if ( $has_footer_menu || $has_social_menu || $has_sidebar_1 || $has_sidebar_2 ) {
|
|
?>
|
|
|
|
<div class="footer-nav-widgets-wrapper header-footer-group">
|
|
|
|
<div class="footer-inner section-inner">
|
|
|
|
<?php
|
|
|
|
$footer_top_classes = '';
|
|
|
|
$footer_top_classes .= $has_footer_menu ? ' has-footer-menu' : '';
|
|
$footer_top_classes .= $has_social_menu ? ' has-social-menu' : '';
|
|
|
|
if ( $has_footer_menu || $has_social_menu ) {
|
|
?>
|
|
<div class="footer-top<?php echo $footer_top_classes; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static output ?>">
|
|
<?php if ( $has_footer_menu ) { ?>
|
|
|
|
<nav aria-label="<?php esc_attr_e( 'Footer', 'twentytwenty' ); ?>" class="footer-menu-wrapper">
|
|
|
|
<ul class="footer-menu reset-list-style">
|
|
<?php
|
|
wp_nav_menu(
|
|
array(
|
|
'container' => '',
|
|
'depth' => 1,
|
|
'items_wrap' => '%3$s',
|
|
'theme_location' => 'footer',
|
|
)
|
|
);
|
|
?>
|
|
</ul>
|
|
|
|
</nav><!-- .site-nav -->
|
|
|
|
<?php } ?>
|
|
<?php if ( $has_social_menu ) { ?>
|
|
|
|
<nav aria-label="<?php esc_attr_e( 'Social links', 'twentytwenty' ); ?>" class="footer-social-wrapper">
|
|
|
|
<ul class="social-menu footer-social 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><!-- .footer-social -->
|
|
|
|
</nav><!-- .footer-social-wrapper -->
|
|
|
|
<?php } ?>
|
|
</div><!-- .footer-top -->
|
|
|
|
<?php } ?>
|
|
|
|
<?php if ( $has_sidebar_1 || $has_sidebar_2 ) { ?>
|
|
|
|
<aside class="footer-widgets-outer-wrapper" role="complementary">
|
|
|
|
<div class="footer-widgets-wrapper">
|
|
|
|
<?php if ( $has_sidebar_1 ) { ?>
|
|
|
|
<div class="footer-widgets column-one grid-item">
|
|
<?php dynamic_sidebar( 'sidebar-1' ); ?>
|
|
</div>
|
|
|
|
<?php } ?>
|
|
|
|
<?php if ( $has_sidebar_2 ) { ?>
|
|
|
|
<div class="footer-widgets column-two grid-item">
|
|
<?php dynamic_sidebar( 'sidebar-2' ); ?>
|
|
</div>
|
|
|
|
<?php } ?>
|
|
|
|
</div><!-- .footer-widgets-wrapper -->
|
|
|
|
</aside><!-- .footer-widgets-outer-wrapper -->
|
|
|
|
<?php } ?>
|
|
|
|
</div><!-- .footer-inner -->
|
|
|
|
</div><!-- .footer-nav-widgets-wrapper -->
|
|
|
|
<?php } ?>
|