Bekomme ich so eine Navigation mit Wordpress hin

taniss31

hallo,

bekomme ich so eine Navigation
Food Network - Easy Recipes, Healthy Eating Ideas and Chef Recipe Videos : Food Network
in wordpress hin?

Im Grunde ist das Ganze ja mit CSS etc gelöst aber wie bekomme ich die Unternavigation mit Wordpress hin? Also das aufklappen?

Grüße
Stefan

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

gegenalles

Hallo,

Hier gibts eine Anleitung, wie du ein (so ähnliches) CSS - Menü erstellst.

Weitere Varianten gibts bei Google -> jquery Top Menu // mootools Top Menu etc.

Diese Menüs basieren oft auf Listen:

Code

<ul>
   <li>
      Eintrag 1
   </li>
   <li>
      Eintrag 2
   </li>
</ul>

Wordpress kann dir auch solche Listen ausgeben:

z.B. wp_list_pages() oder wp_list_categories() - Je nachdem, wie du deine Seite aufbauen willst.

taniss31

danke aber...

hallo,
vielen dank für den tipp...aber wie genau würde ich z.b. den code schreiben wenn ich die unterpunkte aufrufe?

gegenalles

Hallo,

das Menü ist ja so strukturiert:

HTML

<ul id="menu">    
    <li class="logo">     
        <img style="float:left;" alt="" src="menu_left.png"/>     
        <ul id="main">     
            <li>Welcome to <b>Create Vimeo-like top navigation</b> tutorial!</li>     
        </ul>     
    </li>     
    <li><a href="#">Login</a>     
    </li>     
    <li><a href="#">Help</a>     
        <ul id="help">     
            <li><a href="#">General help</a></li>     
            <li><a href="#">Posts</a></li>     
            <li><a href="#">Pages</a></li>     
        </ul>     
    </li>     
    <li class="searchContainer">     
        <div>     
        <input type="text" id="searchField" />     
        <img src="magnifier.png" alt="Search" onclick="alert('You clicked on search button')" /></div>     
        <ul id="search">     
            <li><input id="cbxAll" type="checkbox" />All</li>     
            <li><input id="Articles" type="checkbox" />Articles</li>     
            <li><input id="Tutorials" type="checkbox" />Tutorials</li>     
            <li><input id="Reviews" type="checkbox" />Reviews</li>     
            <li><input id="Resources" type="checkbox" />Resources</li>     
        </ul>     
    </li>     
</ul>     
<img style="float:left;" alt="" src="menu_right.png"/>

Alles anzeigen

Jetzt müsstest du deine Page-Liste irgendwie in diese Liste bringen. Vielleicht so:

PHP

<ul id="menu">    
     <li class="logo">     
         <img style="float:left;" alt="" src="menu_left.png"/>     
         <ul id="main">     
            
[B][COLOR=Red]        <?php wp_list_pages('title_li='); ?>[/COLOR][/B]


     </li>     
 </ul>     
 <img style="float:left;" alt="" src="menu_right.png"/>

Alles anzeigen

Ich hab den Code nicht gestestet aber so müsste es eigentlich klappen.

taniss31

vielen dank...

hi,
vielen dank für die mühe...ich werde den code morgen mal testen...und mich dann zurück melden...

cu
stefan

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bekomme ich so eine Navigation mit Wordpress hin

Jetzt mitmachen!