Menu integrer dans theme wordpress

]Bonjour,
je suis en train de suivre un tuto de l'integration de theme html /css dans wordpress ,je suis bloquer dans l'integration de menu voilà le code de menu fichier style.css

*/
.navigation {
    width:100%;
    height:34px;
    background-image:url(images/nav_bg.png);
    position:absolute;
    z-index:3;
    margin-top:-34px;
    font-family:Tahoma, Geneva, sans-serif;
}
ul.loginsec {
    list-style:none;
    float:right;
    margin:4px 0px 0px 0px;
}
ul.loginsec li{
    float:left;
    padding-left:1px;
}
ul.loginsec li a.staff{
    float:left;
    width:86px;
    height:19px;
    padding:4px 0px 0px 38px;
    background-image:url(images/staff.gif);
    background-repeat:no-repeat;
    border:#5484bf solid 1px;
    color:#FFF;
    text-transform:uppercase;
}
ul.loginsec li a.student{
    float:left;
    width:97px;
    height:19px;
    padding:4px 0px 0px 27px;
    background-image:url(images/student.gif);
    background-repeat:no-repeat;
    border:#5484bf solid 1px;
    color:#FFF;
    text-transform:uppercase;
}
/*

fichier header.php

Code: html

<div class="navigation">
            <div class="inner">
                <div id="smoothmenu1" class="ddsmoothmenu">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="static.html">About Us</a></li>
                        <li class="down"><a href="courses.html">Academics</a>
                            <ul>
                                <li><a href="courses.html">Overview</a></li>
                                <li><a href="courses.html">Curriculum</a></li>
                                <li><a href="courses.html">Faculty</a></li>
                                <li><a href="courses.html">Integrated Humanitie</a></li>
                                <li><a href="courses.html">Graduation Requirements</a></li>
                                <li><a href="courses.html">Special Programs</a></li>
                                <li><a href="courses.html">Library and Archives</a></li>
                                <li><a href="courses.html">College Office</a></li>
                            </ul>
                        </li>
                        <li class="down"><a href="#">Blog</a>
                            <ul>
                                <li><a href="blog.html">Blog</a></li>
                                <li><a href="blogpost.html">Blog Post</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.html">Contact Us</a></li>
                        <li class="down"><a href="#">Pages</a>
                            <ul>
                                <li><a href="index.html">Home</a></li>
                                <li><a href="blog.html">Blog</a></li>
                                <li><a href="blogpost.html">Blog Post</a></li>
                                <li><a href="news.html">News</a></li>
                                <li><a href="courses.html">Courses</a></li>
                                <li><a href="gallery.html">Gallery</a></li>
                                <li><a href="static.html">Static</a></li>
                                <li><a href="contact.html">Contact Us</a></li>
                            </ul>
                        </li>
                        <li class="down"><a href="#" class="last">Color Schemes</a>
                            <ul>
                                <li><a href="../grey/index.html">Grey</a></li>
                                <li><a href="../blue/index.html">Blue</a></li>
                                <li><a href="../brown/index.html">Brown</a></li>
                                <li><a href="../purple/index.html">Purple</a></li>
                            </ul>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div>
                <ul class="loginsec">
                    <li><a href="#" class="staff">Staff Login</a></li>
                    <li><a href="#" class="student">Students Login</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clear"></div>

fichier index.php

<?php get_header(); ?>

merci en avance

Salut,

C'est un souci avec WordPress, les menus sont nazes, c'est pas pratique à intégrer. Le problème est qu'il y a la même URL pour 50 truc différents (courses.html).

Sinon n'utilise jamais d'URL relative dans WordPress, écrire plutôt :

<a href="<?php echo home_url (); ?>/courses.html"></a>

mais là c'est spécial, on dirait que tu as créé des pages en HTML que tu as mis dans un dossier, faut pas faire comme cela, WordPress c'est fait pour fonctionner avec une BDD (base de données). Tu peux créer des templates en HTML mais le contenu doit être écrit dans la BDD.

Bonjour,

merci beaucoup pour votre réponse ,en fait mon problème j'arriver pas à afficher ce menu dans mon theme wordpress car,j'ai un theme html /css et je vais integrer en Wordpress veuillez voir ci-joint mon menu que je veux integrer

merci de votre aider
c'est urgent

Bonjour,

merci beaucoup pour votre réponse ,en fait mon problème j'arriver pas à afficher ce menu dans mon theme wordpress car,j'ai un theme html /css et je vais integrer en Wordpress veuillez voir ci-joint mon menu que je veux integrer

merci de votre aider
c'est urgent

A priori,

Mieux vaut pour toi utiliser l'interface WordPress >>


Pour faire des sous-menu décaler d'un cran... et vice repetita

En gros, vas dans ton functions.php et mets ceci :

<?php

// Menus de navigation
register_nav_menus(array(
    'header' => 'Menu Header'
));

?>

Ensuite tu vas utiliser la fonction wp_nav_menu() dans le header.php :

<nav id="menu" role="navigation">
    <?php wp_nav_menu(array('theme_location' => 'header')); ?>
</nav>

Passer ensuite par le CSS du thème avec ces sélecteurs :

#menu{}

#menu ul{}

#menu li{
    position:relative;
    display:block;
    float:left;
}

#menu a{
    display:block;
}
/* Sous-menu */

#menu ul ul{}

#menu ul ul li {}

/* Sous-sous-menu  */

#menu ul ul ul{}

#menu ul ul a{}

#menu li:hover > a,
#menu ul ul :hover > a{}

#menu ul li:hover > ul{display:block;}

#menu ul li.current_page_item > a,
#menu ul li.current-menu-ancestor > a,
#menu ul li.current-menu-item > a,
#menu ul li.current-menu-parent > a{}

N'oublie pas de définir des tailles pour les li et les a (width/height)

merci beaucoup