Ich habe mir jetzt Folgendes überlegt:
A.
1.
Ich habe den Link zum Impressum in das untere Header-Menü verschoben. Damit sind oben rechts ohnehin nur noch externe Links. - Wenn diese von Smartphone- und Tablet-UserInnen nicht erreicht werden, ist das ja nicht so tragisch.
2.
Daher habe ich mich entschlossen,
- nun unten den Original-Twenty Sixteen Code mit "menu-toggle" und "site-header-menu" zu verwenden
und
- oben den modifizierten Code
sowie
- demgemäß nun mein neues Menü die Position "primary" zuzuweisen und dem alten die Position "secondary".
3.
Für das - nun obige - secondary-Menü habe ich den Code in folgender Weise modifiziert:
<button id="menu-toggle" class="menu-toggle"><?php _e( 'Menu', 'twentysixteen' ); ?></button>
- habe ich einfach herausgenommen, sodaß das obige Menü nun Leuten mit kleinen Displays gar nicht erst angezeigt wird,
und
- statt "site-header-menu" schreibe ich dort "site-header-menu-2".
4. a)
Damit lautet meine komplette child header.php nun:
<?php
/**
* The template for displaying the header
*
* Displays all of the head element and everything up until the "site-content" div.
*
* @package WordPress
* @subpackage Twenty_Sixteen
* @since Twenty Sixteen 1.0
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php if ( is_singular() && pings_open( get_queried_object() ) ) : ?>
<link rel="pingback" href="<?php echo esc_url( get_bloginfo( 'pingback_url' ) ); ?>">
<?php endif; ?>
<?php wp_head(); ?>
</head>
<body <?php
$old = "2019-03-01 01:00:00";
if(($post->post_modified) < $old) echo 'id="old" ';
body_class(); ?>>
<div id="page" class="site">
<div class="site-inner">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentysixteen' ); ?></a>
<header id="masthead" class="site-header" role="banner">
<div class="site-header-main">
<div class="site-branding">
<?php twentysixteen_the_custom_logo(); ?>
<?php if ( is_front_page() && is_home() ) : ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php else : ?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php
endif;
$description = get_bloginfo( 'description', 'display' );
if ( $description || is_customize_preview() ) :
?>
<p class="site-description"><?php echo $description; ?></p>
<?php endif; ?>
</div><!-- .site-branding -->
<?php if ( has_nav_menu( 'secondary' ) || has_nav_menu( 'social' ) ) : ?>
<div id="site-header-menu-2" class="site-header-menu">
<?php if ( has_nav_menu( 'primary' ) ) : ?>
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Secondary Menu', 'twentysixteen' ); ?>">
<?php
wp_nav_menu(
array(
'theme_location' => 'secondary',
'menu_class' => 'secondary-menu',
)
);
?>
</nav><!-- .main-navigation -->
<?php endif; ?>
<?php if ( has_nav_menu( 'social' ) ) : ?>
<nav id="social-navigation" class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'twentysixteen' ); ?>">
<?php
wp_nav_menu(
array(
'theme_location' => 'social',
'menu_class' => 'social-links-menu',
'depth' => 1,
'link_before' => '<span class="screen-reader-text">',
'link_after' => '</span>',
)
);
?>
</nav><!-- .social-navigation -->
<?php endif; ?>
</div><!-- .site-header-menu -->
<?php endif; ?>
</div><!-- .site-header-main -->
<?php if ( get_header_image() ) : ?>
<?php
/**
* Filter the default twentysixteen custom header sizes attribute.
*
* @since Twenty Sixteen 1.0
*
* @param string $custom_header_sizes sizes attribute
* for Custom Header. Default '(max-width: 709px) 85vw,
* (max-width: 909px) 81vw, (max-width: 1362px) 88vw, 1200px'.
*/
$custom_header_sizes = apply_filters( 'twentysixteen_custom_header_sizes', '(max-width: 709px) 85vw, (max-width: 909px) 81vw, (max-width: 1362px) 88vw, 1200px' );
?>
<div class="header-image">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
<img src="<?php header_image(); ?>" srcset="<?php echo esc_attr( wp_get_attachment_image_srcset( get_custom_header()->attachment_id ) ); ?>" sizes="<?php echo esc_attr( $custom_header_sizes ); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
</a>
</div><!-- .header-image -->
<?php endif; // End header image check. ?>
<div class="site-header-main">
<?php if ( has_nav_menu( 'primary' ) ) : ?>
<button id="menu-toggle" class="menu-toggle"><?php _e( 'Menu', 'twentysixteen' ); ?></button>
<div id="site-header-menu" class="site-header-menu">
<?php if ( has_nav_menu( 'primary' ) ) : ?>
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'twentysixteen' ); ?>">
<?php
wp_nav_menu(
array(
'theme_location' => 'primary',
'menu_class' => 'primary-menu',
)
);
?>
</nav><!-- .main-navigation -->
<?php endif; ?>
</div><!-- .site-header-menu -->
<?php endif; ?>
</div><!-- .site-header-main -->
</header><!-- .site-header -->
<div id="content" class="site-content">
Alles anzeigen
b) Und in meiner style.css habe ich:
#menu-sub-header-bild li {
display: inline-block;
border-bottom: 1px solid #d1d1d1;
background: #F5F5F5;
}
#site-header-menu-2 li {
display: inline-block;
border: 0;
}
Alles anzeigen
c) Besonders hübsch sieht es in der Smartphone-Darstellung des Customizers nicht aus - aber ich selbst und der content-Produzent besitzen eh keine Smartphones... ;)
B.
Wegen der Fehlermeldungen zu dem Video in der sidebar werde ich einen neuen Thread beginnen; das hat ja hiermit nichts zu tun.
C.
Dann bleiben für hier eigentlich nur noch die beiden Fragen:
- Spricht etwas grundlegend gegen meine sub A. dargestellte - zugegebenermaßen: Not- - Lösung?
- Soll ich das, was von Hause für "site-header-menu" in meiner style.css steht, vorsichtshalber auch entsprechend für "site-header-menu-2" reinschreiben oder ist das überflüssig?
D.
Wenn ich jetzt noch mal alle meine Plugins, außer ACF deaktiviere, spuckt der Validator - außer den drei Fehlermeldungen wegen des Videos in der sidebar - noch die beiden folgenden (zusammenhängenden) Fehlermeldungen aus:
Zitat
- Warning: The navigation role is unnecessary for element nav.
From line 87, column 14; to line 87, column 109
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="Secondary Menu">↩
- Error: Duplicate ID site-navigation.
From line 109, column 14; to line 109, column 108
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="Primäres Menü">↩
