Navigation personnalisée / flex
Bonjour bonjour
Aujourd'hui mes questions porte sur deux vieux souci que j'ai sur un site pour lequel je travail.
On m'a demandé de réaliser un site pour une ludothèque et j'ai décidé de le faire en wordpress pour leur laisser un accès facile et efficace pour tout leurs contenus .
Malheureusement je n'arrive pas a gérer correctement ma nav ni mes posts.
Je m'explique en image : http://hollux.fr/LudoWP/evenement
Voila le site, si vous passez alors que ce n'est pas réglé vous devez tomber sur un site pas top avec deux nav !
1) nav une : test d'un plug in, résultat pas concluent mais la partie qui m'interesse fonctionne dessus.
2) nav bootstrap réalisation maison, pas encore esthétique temps que je n'arrive pas a régler mon souci.
Le probleme est de gérer correctement la class="active" de bootstrap suivant les pages et que ce soit comme sur la nav 1)
on m'a mis sur une piste dans fonctions.php , mais je pense ne pas l'utiliser correctement avec la nav.
Voici le code de la fonction :
Code:
1
2
3
4
5
6
7
8
9
| <?php
add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);
function special_nav_class($classes, $item){
if( in_array('current-menu-item', $classes) ){
$classes[] = 'active ';
}
return $classes;
}
?> |
et ma nav :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
<div class="navBar">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://hollux.fr/LudoWP">LOGO</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="http://hollux.fr/LudoWP">Accueil<span class="sr-only">(current)</span></a></li>
<li><a href="evenement">Evenement</a></li>
<li><a href="info">Info</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Fonctionnement<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="professionnels$page=tamere">Professionnels</a></li>
<li><a href="particuliers">Particuliers</a></li>
</ul>
</li>
<li ><a href="les-jeux">Les jeux</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div> |
Voila voila, si quelqu'un a des idées ou peux m'aider a comprendre mieux comment gérer la chose je suis preneur, j'y est passé plusieurs heures sans avoir le moindre résultat convenable...
La suite, plus simple je pense
C'est de mettre les événements ( qui sont des posts) correctement en place.
Cad avec un width 50% chacun mais que en bas ils soient aligné.
Bootstrap ne le fait pas, un simple display non plus ( du moins j'ai pas trouver).
Et je n'arrive pas a exploiter le flex a cause de la boucle des posts :x
Donc pareil, je suis preneur de toute bonne idée, et je testerais au fur et a mesure les choses.
J’espère que tout y est, si vous avez besoin de plus d'info demandez j'ai tout sous les yeux :p, et merci d'avance pour ceux qui passent du temps dessus ;)
