Responsive Menü in WordPress einfügen

pfandflasche

Hallo zusammen, ich hab ein Problem mit einer Navigation. Ich probiere jetzt schon seit mehreren Stunden und bekomme es nicht hin :cry: und hoffe Ihr könnt mir helfen.

Ich möchte diese Navigation in mein Theme einbinden, weiss aber nicht wie ??? http://webdesign.tutsplus.com/tutorials/site…vel-navigation/ ,,, genauer ich weiss nicht, wie ich den html code in die wordpress funktionen bekomme ??? das menü hab ich schon über die funktion.php angelegt, wie folgt

<?php register_nav_menus( array(
'primary' => 'Hauptnavigation'
) ); ?>

<?php register_nav_menus( array(
'secondary' => 'Footer-Navigation'
) ); ?>

doch weiss ich nicht wie ich die Beispielnavigation in den header einfügen kann, also den html code für wordpress umforme ???? :?:

Muss dazu sagen bin auch erst angefangen ein theme zu erstellen, wäre also lieb, wenn Ihr vielleicht ein wenig mit erklären könntet. Für Eure Hilfe bedanke ich mich jetzt schon ;)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Mojo1917

versuche es mal mit http://codex.wordpress.org/Function_Refer…_nav_menu#Usage
Erstelle zuerst ein Individuelles Menü in deimen Dashboard->Menu.
Dann fügst du den Code aus dem Link an der Stelle in die header.php ein, da wo das Menü erscheinen soll.
Anschleißend gehst du im Dashboard zu den Widgets dort sollte jetzt auf der Rechten Seite eine Box existieren die sich "Menu" nennt. Und links gibt es eine Box "Individuelles Menü" diese ziehst du in die Box "Menu" und wählst deingerade eben neu angelegtes Menü aus. Fertig ;)

Bei mir benutze ich folgenden Code:
header.php:

PHP

<?php
                $defaults = array(
                            'theme_location'  => '',
                            'menu'            => 'main',
                            'container'       => 'nav',
                            'container_class' => '',
                            'container_id'    => '',
                            'menu_class'      => 'menu',
                            'menu_id'         => '',
                            'echo'            => true,
                            'fallback_cb'     => 'wp_page_menu',
                            'before'          => '<li>',
                            'after'           => '</li>',
                            'link_before'     => '',
                            'link_after'      => '',
                            'items_wrap'      => '<ul id="menu" >%3$s</ul>',
                            'depth'           => 0,
                            'walker'          => ''
                            );


                wp_nav_menu( $defaults );
            ?>

Alles anzeigen

functions.php:

Code

register_nav_menus(array(
    'main' => __( 'Hauptnavigation' )
));

style.css:

Code

#menu {
    float:right;
    padding:28px 12px 20px 0;
}


#menu li {
  float:left;
  padding-left:1px;
}


#menu li a {
    display:block;
    padding:0 20px;
    height:42px;
    font-size:18px;
    color:#dad6cc;
    line-height:42px;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:400;
}


#menu li a:hover {
    background:url(images/menu_active.gif);
    color:#dad6cc;
}

Alles anzeigen

PS.: So geht es in 3.8 weis nicht ob es bei dir so geht, kannst es ja testen.

Wenn es nicht geht kannst dich ja nochmal melden.
LG
Mojo

pfandflasche

Danke schon mal für deine Antwort, doch wie schreib ich dann diese Datei für den Header um ?

PHP

<div class="container">
<a class="toggleMenu" href="#">Menu</a>
<ul class="nav">
    <li  class="test">
        <a href="#">Shoes</a>
        <ul>
            <li>
                <a href="#">Womens</a>
                <ul>
                    <li><a href="#">Sandals</a></li>
                    <li><a href="#">Sneakers</a></li>
                    <li><a href="#">Wedges</a></li>
                    <li><a href="#">Heels</a></li>
                    <li><a href="#">Loafers</a></li>
                    <li><a href="#">Flats</a></li>
                </ul>
            </li>
            <li>
                <a href="#">Mens</a>
                <ul>
                    <li><a href="#">Loafers</a></li>
                    <li><a href="#">Sneakers</a></li>
                    <li><a href="#">Formal</a></li>
                </ul>
            </li>
        </ul>
    </li>

Alles anzeigen

weil ich weiss nicht, wie ich diese Datei in die Form bekomme, die Du mir vorgibst ???

Schon mal vielen Dank ;)

Mojo1917

Ist das Menü welches du erstellen musst ein Drop-Down menü?

pfandflasche

Ja ein responsives drop-down, welches bei kleinem Bildschirm zu einem art toggle-menü (heißt das glaub ich) werden soll, ich pack nochmal den Link zu dem Menü mit bei === http://webdesign.tutsplus.com/tutorials/site…vel-navigation/

pfandflasche

und die Demo, wie es aussehen soll. und wenn der Screen kleiner wird, erkennt man das andere Menü... http://cdn.tutsplus.com/webdesign/uplo…7868/index.html hoffe du kannst mit helfen ???

Mojo1917

Oh sry, habe keine Ahnung wie das mit drop-dow-Menüs geht beschäftige mich auch noch nicht solange mit Wordpress, ich versuche mal was bin mir aber nicht sicher ob ich es hinbekomme...

pfandflasche

Danke, dass ist lieb.

Ria

Hi,
wenn Du ein responsiv fähiges WP Theme nimmst, wie z.B. das twentyfourteen (Farben vielleicht geändert) dann hast Du über die normalen Menü Einstellungsmöglichkeiten, das was Du vorhast.

Gruss Ria

pfandflasche

Zitat von Ria

Hi,
wenn Du ein responsiv fähiges WP Theme nimmst, wie z.B. das twentyfourteen (Farben vielleicht geändert) dann hast Du über die normalen Menü Einstellungsmöglichkeiten, das was Du vorhast.
Gruss Ria

Ja, stimmt. Hast du vielleicht ein Tipp, wie ich den Menü Code aus dem Theme in mein Theme kopieren kann. Bzw. worauf ich achten muss ?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Responsive Menü in WordPress einfügen

Jetzt mitmachen!