admnh/wp-theme-sen2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: admnh/wp-theme-sen2:be36f341e5edb7133b82944692561f88b6685feb
Branches Tags
admnh/wp-theme-sen2:main
admnh/wp-theme-sen2:v1.6.0 admnh/wp-theme-sen2:v1.5.0 admnh/wp-theme-sen2:v1.4.0 admnh/wp-theme-sen2:v1.3.0
..
compare: admnh/wp-theme-sen2:87ebec0e5fb1c8d91d071f2da997e7c7003f7a9d
Branches Tags
admnh/wp-theme-sen2:main
admnh/wp-theme-sen2:v1.6.0 admnh/wp-theme-sen2:v1.5.0 admnh/wp-theme-sen2:v1.4.0 admnh/wp-theme-sen2:v1.3.0

2 Commits
be36f341e5 .. 87ebec0e5f

Author SHA1 Message Date
admnh 87ebec0e5f Merge pull request 'FEAT: Ajout d'un menu secondaire à dgauche vec liens Contact et À propos' (#1) from feature/add-right-menu into main 
Reviewed-on: https://gitea.sen2.lab/admnh/wp-theme-sen2/pulls/1
 2025-10-08 17:28:36 +02:00
Nico 8b7a042189 FEAT: Ajout d'un menu secondaire à dgauche vec liens Contact et À propos 2025-10-08 15:24:30 +00:00
3 changed files with 122 additions and 11 deletions
Expand all files Collapse all files
functions.php
+8
View File
@@ -98,4 +98,12 @@ function wp_theme_sen2_check_for_updates($transient) {
} }
return $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');
}
?> ?>
header.php
+16
View File
@@ -9,6 +9,19 @@
</head> </head>
<body <?php body_class(); ?>> <body <?php body_class(); ?>>
<header class="container"> <header class="container">
<div class="site-header">
<!-- Menu secondaire à gauche -->
<nav class="secondary-navigation">
<?php
wp_nav_menu(array(
'theme_location' => 'secondary',
'fallback_cb' => false,
'depth' => 1
));
?>
</nav>
<!-- Logo au centre -->
<div class="site-branding"> <div class="site-branding">
<h1 class="site-title"> <h1 class="site-title">
<a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a> <a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a>
@@ -17,7 +30,10 @@
<?php endif; ?> <?php endif; ?>
</h1> </h1>
</div> </div>
<!-- Menu principal à droite -->
<nav class="main-navigation"> <nav class="main-navigation">
<?php wp_nav_menu(array('theme_location' => 'primary')); ?> <?php wp_nav_menu(array('theme_location' => 'primary')); ?>
</nav> </nav>
</div>
</header> </header>
style.css
+88 -1
View File
@@ -4,7 +4,7 @@ Theme URI: https://ton-site.com/wp-theme-sen2
Author: Nicolas Houzeau Author: Nicolas Houzeau
Author URI: https://ton-site.com 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. 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 <!-- Ajout d'un menu à doite -->
License: GNU General Public License v2 or later License: GNU General Public License v2 or later
Text Domain: wp-theme-sen2 Text Domain: wp-theme-sen2
*/ */
@@ -87,6 +87,79 @@ header {
.main-navigation a:hover { .main-navigation a:hover {
color: #E1306C; 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 */
footer { footer {
@@ -152,6 +225,20 @@ footer {
background-color: #E1306C; 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 */ /* Page À propos */
.about-banner { .about-banner {
text-align: center; text-align: center;