81 lines
3.2 KiB
PHP
81 lines
3.2 KiB
PHP
<!DOCTYPE html>
|
|
<html <?php language_attributes(); ?>>
|
|
<head>
|
|
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
|
<?php wp_head(); ?>
|
|
</head>
|
|
<body <?php body_class(); ?>>
|
|
<header id="masthead" class="site-header">
|
|
<div class="container">
|
|
<div class="header-main">
|
|
<div class="site-branding">
|
|
<?php
|
|
if ( function_exists( 'the_custom_logo' ) && has_custom_logo() ) {
|
|
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; ?>
|
|
</div>
|
|
|
|
<!-- NAVIGATION START -->
|
|
<nav id="site-navigation" class="main-navigation">
|
|
<!-- Mobile Toggle Button -->
|
|
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">
|
|
<i class="fas fa-bars"></i>
|
|
</button>
|
|
|
|
<?php
|
|
wp_nav_menu( array(
|
|
'theme_location' => 'primary',
|
|
'container' => false, // Wichtig: Kein Div-Wrapper drumherum
|
|
'menu_class' => 'primary-menu', // Unsere CSS Klasse
|
|
'fallback_cb' => false, // Kein Fallback anzeigen
|
|
) );
|
|
?>
|
|
</nav>
|
|
<!-- NAVIGATION ENDE -->
|
|
|
|
<div class="header-info">
|
|
<div class="social-links">
|
|
<?php
|
|
// Array mit den Social-Media-Plattformen und ihren Font Awesome Klassen
|
|
$social_icons = array(
|
|
'discord' => 'fab fa-discord',
|
|
'youtube' => 'fab fa-youtube',
|
|
'twitter' => 'fab fa-x-twitter', // Neues Icon für Twitter/X
|
|
'facebook' => 'fab fa-facebook-f',
|
|
'instagram' => 'fab fa-instagram',
|
|
'tiktok' => 'fab fa-tiktok',
|
|
'twitch' => 'fab fa-twitch',
|
|
'steam' => 'fab fa-steam',
|
|
'github' => 'fab fa-github',
|
|
'linkedin' => 'fab fa-linkedin-in',
|
|
'pinterest' => 'fab fa-pinterest-p',
|
|
'reddit' => 'fab fa-reddit-alien',
|
|
'teamspeak' => 'fab fa-teamspeak',
|
|
'spotify' => 'fab fa-spotify'
|
|
);
|
|
|
|
// Schleife, die alle verfügbaren Icons durchgeht
|
|
foreach ($social_icons as $key => $class) {
|
|
// Prüfen, ob für diese Plattform eine URL im Customizer hinterlegt wurde
|
|
if (get_theme_mod('social_' . $key)) {
|
|
// Wenn ja, Link und Icon ausgeben
|
|
echo '<a href="' . esc_url(get_theme_mod('social_' . $key)) . '" target="_blank"><i class="' . esc_attr($class) . '"></i></a>';
|
|
}
|
|
}
|
|
?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|