FEAT: Design final avec menu latéral gauche et menu horizontal - v1.5.0

This commit is contained in:
2025-10-08 20:26:51 +00:00
parent d5b8237b72
commit e0e11a5c0c
3 changed files with 158 additions and 112 deletions
+39 -25
View File
@@ -3,37 +3,51 @@
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div class="site-container">
<!-- Menu latéral gauche -->
<aside class="sidebar">
<nav class="sidebar-navigation">
<?php
wp_nav_menu(array(
'theme_location' => 'sidebar',
'container' => false,
'fallback_cb' => false,
'depth' => 1
));
?>
</nav>
</aside>
<div class="site-wrapper">
<!-- Menu horizontal en haut -->
<nav class="main-navigation">
<?php
wp_nav_menu(array(
'theme_location' => 'primary',
'container' => false,
'fallback_cb' => false,
'depth' => 1
));
?>
</nav>
<!-- Contenu principal -->
<div class="main-content">
<header class="site-header">
<div class="site-branding">
<h1 class="site-title">
<a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a>
</h1>
<div class="site-container">
<!-- Menu latéral gauche -->
<aside class="sidebar">
<div class="sidebar-header">
<h2 class="site-author"><?php bloginfo('name'); ?></h2>
<?php if (get_theme_mod('wp_theme_sen2_show_slogan', true)) : ?>
<span class="site-slogan"><?php echo esc_html(get_theme_mod('wp_theme_sen2_slogan', 'Moins de bruit, plus d\'âme.')); ?></span>
<p class="site-slogan"><?php echo esc_html(get_theme_mod('wp_theme_sen2_slogan', 'Moins de bruit, plus d\'âme.')); ?></p>
<?php endif; ?>
</div>
</header>
<main class="site-main">
<nav class="sidebar-navigation">
<?php
wp_nav_menu(array(
'theme_location' => 'sidebar',
'container' => false,
'fallback_cb' => false,
'depth' => 1
));
?>
</nav>
<div class="sidebar-footer">
<a href="#" class="instagram-icon"><i class="fab fa-instagram"></i></a>
<p class="copyright">&copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?></p>
</div>
</aside>
<!-- Contenu principal -->
<div class="main-content">
<main class="site-main">