Problème avec la barre de navigation

Statut : non résolu

Ce sujet contient 8 réponses, 2 participants et a été mis à jour pour la dernière fois par SGBVida, le il y a 12 années et 4 mois.

9 sujets de 1 à 9 (sur un total de 9)

Auteur

Messages
21 mars 2013 à 21 h 13 min #522165
SGBVida
Membre

Initié WordPress
6 contributions
Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 3.5.1
– Version de PHP/MySQL :
– Thème utilisé : Orange-flower
– Extensions en place :
– Nom de l’hebergeur : OVH
– Adresse du site : http://systemit.fr/support/

Problème(s) rencontré(s) :
Le thème orange flower par défaut ne supporte pas les menus dynamique, j’ai donc trouvé comme l’activer mais lorsque je vais sur mon site le menu ne s’affiche pas, juste « about ».
Dans Apparence => Menu j’ai bien sélectionné mon menu.
Pour m’aider j’ai utilisé ce tuto pour information: http://fr.livingtuts.com/cms/wordpress/creez-votre-theme-wordpress-en-integrant-votre-design/

dans le fichier functions.php j »ai ajouter :
```
add_theme_support(‘nav-menus’);
function register_my_menus() {
  register_nav_menus(
    array( ‘header-menu’ => __( ‘Header Menu’ ) )
  );
}
```
puis dans le header:
```
<div id="menutop">
 			<?php wp_nav_menu( array( 'container_class' => ‘menu-header’, ‘theme_location’ => ‘primary’ ) ); ?>
                </div>
```
Pour finir dans le style.css:
```
/* =Menu
————————————————————– */
 
#menutop {
	margin: 22px auto 0 auto;
	width: 575px;
	float:left;
	top: 190px;
	position: absolute;
}
 
#menutop .menu-header,
	div.menu {
	font-size: 14px;
	font-weight:bold;
}
#menutop .menu-header ul,
	div.menu ul {
	list-style: none;
	margin: 0;
}
#menutop .menu-header li,
	div.menu li {
	float: left;
	margin:0 24px 0 0;
}
#menutop a {
	color: #389cc2;
	display: block;
	line-height: 30px;
	padding: 0 15px;
	text-decoration: none;
	text-shadow:0 1px 0 #89e1fe;
}
#menutop ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);/*CSS 3 pour gérer les ombres sur le texte*/
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#menutop ul ul li {
	min-width: 180px;
}
#menutop ul ul ul {
	left: 100%;
	top: 0;
}
#menutop ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#menutop li:hover > a,
#menutop ul ul :hover > a {
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color:#379cc2;
	text-shadow:none;
}
#menutop ul li:hover > ul {
	display: block;
}
#menutop ul li.current_page_item > a,
#menutop ul li.current-menu-ancestor > a,
#menutop ul li.current-menu-item > a,
#menutop ul li.current-menu-parent > a {
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color:#379cc2;
	text-shadow:none;
 
}
* html #menutop ul li.current_page_item a,
* html #menutop ul li.current-menu-ancestor a,
* html #menutop ul li.current-menu-item a,
* html #menutop ul li.current-menu-parent a,
* html #menutop ul li a:hover {
 color: #fff;
}
```
Ma question, pourquoi mon menu ne s’affiche pas ?

Merci par avance,
Cordialement.
21 mars 2013 à 21 h 15 min #884909

Oskinn
Membre

Chevalier WordPress
467 contributions

Bonsoir,

Sur le panneau, tu as bien appelé ton menu « Header Menu » ?

21 mars 2013 à 21 h 48 min #884910

SGBVida
Membre

Initié WordPress
6 contributions

Ceci? :
[img]http://imageshack.us/photo/my-images/825/menuhf.png/[/img]

21 mars 2013 à 21 h 53 min #884911

Oskinn
Membre

Chevalier WordPress
467 contributions

Oui comme ça. Ca ne fonctionne pas donc ?

21 mars 2013 à 21 h 59 min #884912

SGBVida
Membre

Initié WordPress
6 contributions

Non

21 mars 2013 à 22 h 01 min #884913

SGBVida
Membre

Initié WordPress
6 contributions

Avec firebug on voit bien qu’il ne charge pas le menu:

21 mars 2013 à 22 h 05 min #884914
Oskinn
Membre

Chevalier WordPress
467 contributions
Ok. Et avec ces codes :

Dans le functions.php de ton thème :
```
add_theme_support( ‘menu’ );
```
Et dans ton header.php à l’emplacement où tu souhaites mettre ton menu :
```
 ‘menu_order’, ‘container_class’ => ‘menutop’ ) ); ?>
```
Ensuite il te suffit d’aller sur le panneau et de sélectionner ton menu.
22 mars 2013 à 18 h 15 min #884915

SGBVida
Membre

Initié WordPress
6 contributions

A oui ça fonctionne beaucoup mieux merci!
J’ai réussi à modifier le CSS pour afficher en ligne par contre je n’arrive pas à sélectionner une sous catégorie, je doit avoir une erreur dans le CSS mais je ne sais pas où!

Peux tu encore m’aider ?

Cordialement.

22 mars 2013 à 19 h 51 min #884916

SGBVida
Membre

Initié WordPress
6 contributions

J’ai trouvé finalement, un problème avec une ligne…
Par contre je n’arrive pas à ordonner mon niveau 3, je voudrais que quand je clique sur le premier niveau le menu se déroule en dessous, et quand je suis dans une catégorie du niveau 2, cela s’affiche en face!
Actuellement cela décale mon menu vers le bas…
Auteur

Messages