123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187 |
- <?php
- /**
- * Header file for the Twenty Twenty WordPress default theme.
- *
- * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
- *
- * @package WordPress
- * @subpackage Twenty_Twenty
- * @since Twenty Twenty 1.0
- */
- ?><!DOCTYPE html>
- <html class="no-js" <?php language_attributes(); ?>>
- <head>
- <meta charset="<?php bloginfo( 'La Mine' ); ?>">
- <meta name="viewport" content="width=device-width, initial-scale=1.0" >
- <link rel="profile" href="https://gmpg.org/xfn/11">
- <?php wp_head(); ?>
- </head>
- <body <?php body_class(); ?>>
- <?php
- wp_body_open();
- ?>
- <header id="site-header" class="header-footer-group" role="banner">
- <div class="header-inner section-inner">
- <div class="header-titles-wrapper">
- <?php
- // Check whether the header search is activated in the customizer.
- $enable_header_search = get_theme_mod( 'enable_header_search', true );
- if ( true === $enable_header_search ) {
- ?>
- <button class="toggle search-toggle mobile-search-toggle" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field" aria-expanded="false">
- <span class="toggle-inner">
- <span class="toggle-icon">
- <?php twentytwenty_the_theme_svg( 'search' ); ?>
- </span>
- <span class="toggle-text"><?php _e( 'Search', 'twentytwenty' ); ?></span>
- </span>
- </button><!-- .search-toggle -->
- <?php } ?>
- <div class="header-titles">
- <?php
- // Site title or logo.
- twentytwenty_site_logo();
- // Site description.
- twentytwenty_site_description();
- ?>
- </div><!-- .header-titles -->
- <button class="toggle nav-toggle mobile-nav-toggle" data-toggle-target=".menu-modal" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".close-nav-toggle">
- <span class="toggle-inner">
- <span class="toggle-icon">
- <?php twentytwenty_the_theme_svg( 'ellipsis' ); ?>
- </span>
- <span class="toggle-text"><?php _e( 'Menu', 'twentytwenty' ); ?></span>
- </span>
- </button><!-- .nav-toggle -->
- </div><!-- .header-titles-wrapper -->
- <div class="header-navigation-wrapper">
- <?php
- if ( has_nav_menu( 'primary' ) || ! has_nav_menu( 'expanded' ) ) {
- ?>
- <nav class="primary-menu-wrapper" aria-label="<?php esc_attr_e( 'Horizontal', 'twentytwenty' ); ?>" role="navigation">
- <ul class="primary-menu reset-list-style">
- <?php
- if ( has_nav_menu( 'primary' ) ) {
- wp_nav_menu(
- array(
- 'container' => '',
- 'items_wrap' => '%3$s',
- 'theme_location' => 'primary',
- )
- );
- } elseif ( ! has_nav_menu( 'expanded' ) ) {
- wp_list_pages(
- array(
- 'match_menu_classes' => true,
- 'show_sub_menu_icons' => true,
- 'title_li' => false,
- 'walker' => new TwentyTwenty_Walker_Page(),
- )
- );
- }
- ?>
- </ul>
- </nav><!-- .primary-menu-wrapper -->
- <?php
- }
- if ( true === $enable_header_search || has_nav_menu( 'expanded' ) ) {
- ?>
- <div class="header-toggles hide-no-js">
- <?php
- if ( has_nav_menu( 'expanded' ) ) {
- ?>
- <div class="toggle-wrapper nav-toggle-wrapper has-expanded-menu">
- <button class="toggle nav-toggle desktop-nav-toggle" data-toggle-target=".menu-modal" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".close-nav-toggle">
- <span class="toggle-inner">
- <span class="toggle-text"><?php _e( 'Menu', 'twentytwenty' ); ?></span>
- <span class="toggle-icon">
- <?php twentytwenty_the_theme_svg( 'ellipsis' ); ?>
- </span>
- </span>
- </button><!-- .nav-toggle -->
- </div><!-- .nav-toggle-wrapper -->
- <?php
- }
- if ( true === $enable_header_search ) {
- ?>
- <div class="toggle-wrapper search-toggle-wrapper">
- <button class="toggle search-toggle desktop-search-toggle" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field" aria-expanded="false">
- <span class="toggle-inner">
- <?php twentytwenty_the_theme_svg( 'search' ); ?>
- <span class="toggle-text"><?php _e( 'Search', 'twentytwenty' ); ?></span>
- </span>
- </button><!-- .search-toggle -->
- </div>
- <?php
- }
- ?>
- </div><!-- .header-toggles -->
- <?php
- }
- ?>
- </div><!-- .header-navigation-wrapper -->
- </div><!-- .header-inner -->
- <?php
- // Output the search modal (if it is activated in the customizer).
- if ( true === $enable_header_search ) {
- get_template_part( 'template-parts/modal-search' );
- }
- ?>
- </header><!-- #site-header -->
- <?php
- // Output the menu modal.
- get_template_part( 'template-parts/modal-menu' );
|