Problemes dans header.php pour Blog Wordpress

samcop84 -  
avion-f16 Messages postés 20367 Statut Contributeur -
Bonjour,
J'ai un blog Wordpress, et voici ce que j'ai a la fin du fichier header.php :


<div id="header">
<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
</div>


<div id="menu"><ul><li> <a href="<?php bloginfo('url'); ?>">Accueil</a>

</li><?php wp_list_pages('title_li=&depth=1'); ?></ul></div>




Il y a 2 choses que je n'arrive pas à faire:

1) Faire en sorte que la banniere du site soit cliquable, ce qui n'est pas le cas actuellement.



2) Ajouter des élement au menu situé sous la bannière. Pour l'instant il n'y a que "Accueil".

Le probleme, c'est que si j'ajoute ça par exemple :



<div id="menu"><ul><li> <a href="<?php bloginfo('url'); ?>">Accueil</a>

<a href="monsite.com/forum">Forum</a>

</li><?php wp_list_pages('title_li=&depth=1'); ?></ul></div>




"Forum" ne va pas s'afficher sur la meme ligne que "Accueil" mais va aller à la ligne. Et ainsi de suite si j'ajoute d'autres liens.... :(

Quelque a une solution pour ces 2 problemes ? Merci d'avance ! :)
A voir également:

2 réponses

avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
<div id="header">
    <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <h2><?php bloginfo('description'); ?></h2>
</div>

<div id="menu">
    <ul>
        <li><a href="<?php bloginfo('url'); ?>">Accueil</a></li>
        <li><a href="monsite.com/forum">Forum</a></li>
        <?php wp_list_pages('title_li=&depth=1'); ?>
    </ul>
</div>
Pour rendre le header cliquable, il faut créer un lien du type block et lui mettre le CSS de #header. Tu peux aussi faire ça en JS :
“onclick="document.location.href = '<?php echo get_option('home'); ?>';"”
mais ce n'est pas conseillé.
0
samcop84
 
Cool, merci encore une fois. Pourquoi le faire en JS n'est pas recommandé ?
0
avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
Il est préférable de le faire en XHTML/CSS.
En gros tu vas transformer ton lien en div, mais il gardera ses propriétés de lien.
0