diff --git a/functions.php b/functions.php index c550745..d759061 100644 --- a/functions.php +++ b/functions.php @@ -98,4 +98,12 @@ function wp_theme_sen2_check_for_updates($transient) { } return $transient; } +function wp_theme_sen2_setup() { + register_nav_menus(array( + 'primary' => 'Menu Principal', + 'secondary' => 'Menu Secondaire' // Nouveau menu + )); + add_theme_support('post-thumbnails'); + add_theme_support('title-tag'); +} ?> \ No newline at end of file diff --git a/header.php b/header.php index 13d6c24..80a2ddb 100644 --- a/header.php +++ b/header.php @@ -9,15 +9,31 @@ >
-
-

- - - - -

+
+ + + + +
+

+ + + + +

+
+ + +
-
\ No newline at end of file diff --git a/style.css b/style.css index 3d904c7..dc0f08c 100644 --- a/style.css +++ b/style.css @@ -4,7 +4,7 @@ Theme URI: https://ton-site.com/wp-theme-sen2 Author: Nicolas Houzeau Author URI: https://ton-site.com Description: Un thème sobre et moderne pour portfolio photo, en blanc cassé. Compatible avec Envira Gallery et personnalisable via le Customizer. -Version: 1.0.0 +Version: 1.1.0 License: GNU General Public License v2 or later Text Domain: wp-theme-sen2 */ @@ -87,6 +87,79 @@ header { .main-navigation a:hover { color: #E1306C; } +/* Header et navigation */ +.site-header { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + position: relative; +} + +.site-branding { + position: absolute; + left: 50%; + transform: translateX(-50%); + text-align: center; + margin: 0 auto; +} + +.main-navigation { + margin-left: auto; /* Pousse le menu principal à droite */ +} + +.secondary-navigation { + margin-right: auto; /* Pousse le menu secondaire à gauche */ +} + +/* Style des menus */ +.secondary-navigation ul, +.main-navigation ul { + list-style: none; + margin: 0; + padding: 0; + display: flex; + gap: 20px; +} + +.secondary-navigation a, +.main-navigation a { + font-family: 'Montserrat', sans-serif; + font-weight: 400; + color: #555555; + text-decoration: none; + transition: color 0.3s ease; +} + +.secondary-navigation a:hover, +.main-navigation a:hover { + color: #E1306C; +} + +/* Responsive */ +@media (max-width: 768px) { + .site-header { + flex-direction: column; + gap: 15px; + position: relative; + } + + .site-branding { + position: static; + transform: none; + order: 1; + } + + .secondary-navigation { + order: 2; + margin-right: 0; + } + + .main-navigation { + order: 3; + margin-left: 0; + } +} /* Footer */ footer { @@ -152,6 +225,20 @@ footer { background-color: #E1306C; } +/* Responsive */ +@media (max-width: 768px) { + .site-header { + flex-direction: column; + gap: 15px; + } + + .secondary-navigation { + order: 3; + width: 100%; + justify-content: center; + } +} + /* Page À propos */ .about-banner { text-align: center;