JQuery Menü einbinden

  • Hallo,

    ich hab da mal ne Frage. Ich möchte in diesem Design: Klick. Ein JQuery Menü einbauen, damit ich auch Untermenüs realisieren lassen.

    Hab schon einiges probiert, aber es hat bis jetzt nicht geklappt. Kann mir da einer helfen?

    • Anzeige

    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

  • Meine Glaskugel sagt mir, du hast etwas falsch gemacht.

    Welches Menü willst du da einbauen? Was hast du probiert? Relevante Informationen bzgl. des Problems helfen bei der Hilfe.

    Gruß
    Mo

  • Hallo,

    Also ich möchte mit der JQuery Technik ein schönes Dropdown Menü einbauen.

    Also so etwas wie hier in dieser Demo: Klick

    Ich hatte schon ein Tutorial benutzt, aber das brachte zu keinem Ergebnis. Es fügte mir nur ein zweites nacktes Menü ein.

  • Eben dass, hab ich ja schon ausprobiert. Hat aber nicht geklappt. Bei einem Tutorial bekam ich nur links oben in Baum Struktur ein nacktes zweites Menü.

    Bei dem Plug-in bekommt man ja auch nur ein zweites Menü.

    Ich möchte ja ein Untermenü für das Theme welches ich benutze.

  • Ich bin eben über ein deutschsprachiges Tutorial gestolpert das Dir vielleicht weiter helfen könnte. Dort ist anschaulich und einfach beschrieben wie man das Superfish Menü in Wordpress implementiert. Klick

    //doger

  • Ich bin eben über ein deutschsprachiges Tutorial gestolpert das Dir vielleicht weiter helfen könnte. Dort ist anschaulich und einfach beschrieben wie man das Superfish Menü in Wordpress implementiert. Klick

    //doger

    Wie oben erwähnt, erscheint dann ein zweites Menü. Ich verzweifel daran echt :(

    Edit: Wenn da smit JQuery schin nicht klappt, weiss dann jemand wie ich wenigstens ein normales untermenü bekomme?

    der Standarcode aus der header.php ist:

    PHP
    <?php $menu_pages = get_option('deskspace_menu_pages'); ?>
        <li class="page_item<?php if ( is_home() ) { ?> current_page_item<?php } ?>"><a href="<?php bloginfo('url'); ?>">Home</a></li>
        <?php wp_list_pages('depth=1&&sort_column=menu_order&title_li&include='. $menu_pages); ?>

    Einmal editiert, zuletzt von SyntaX (14. Mai 2010 um 19:59)

  • Das Tutorial funktioniert aber eigentlich tadellos.
    Hol Dir doch mal das freie Theme
    http://webdemar.com/wordpress/them…-theme-destyle/

    da kannst Du nachvollziehen, wie Webdemar das umgesetzt hat. Vielleicht bekommst Du es dann ja doch zum Laufen. Ist wirklich cooool

    Das hab ich jetzt versucht.

    Habe folgendes in die header.php eingebaut:

    PHP
    <div id="nav">
      <ul id='page-menu' class='sf-menu'>
                <<?php $ex_pages = get_option('deskspace_exclude_pages'); wp_list_pages('title_li=&depth=-1&sort_column=menu_order&exclude='.$ex_pages); ?></a></li>
                </ul>
    </div>

    Bekomme aber leider nur das Menü angezeigt, ohne das sich Untermenüs aufmachen. Menü Element angezeigt.

    Ich habe mal einen Screen angehangen.

    Edit: Die Home Seite wird nun auch nicht mehr angezeigt. :(

  • und Du hast auch wirklich jquery-1.2.6.min.js, superfish.js und superfish.css mit den richtigen Pfaden in den header eingebunden und das script aufgerufen?

    tschüß [size=24][color=olive]n[/color][/size]epf

  • Ja habe ich..

    PHP
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/style-print.css" type="text/css" media="print" />
    <link rel='stylesheet' type='text/css' media='screen' href='<?php bloginfo('template_url'); ?>/sf/superfish.css' />
    <script type='text/javascript' src='<?php bloginfo('template_url'); ?>/sf/superfish.js'></script>

    Der Ordner sf mit den 3 Dateien liegt im Theme Ordner.

  • Code
    wp_list_pages('title_li=[COLOR=Red]&depth=-1[/COLOR]&sort_column=menu_order&exclude='.$ex_pages); ?>

    lösch mal [COLOR=Red]&depth=-1 [COLOR=Black]in Deinem string.[/COLOR]
    [/COLOR]

    tschüß [size=24][color=olive]n[/color][/size]epf

  • die wird von deinem thema scheinbar irgendwie excludiert.
    Kannst ja die zeile

    PHP
    <li class="page_item<?php if ( is_home() ) { ?> current_page_item<?php } ?>"><a href="<?php bloginfo('url'); ?>">Home</a></li>

    wieder einbauen.
    Oder den ganzen exclude-Kram rausschmeissen

    tschüß [size=24][color=olive]n[/color][/size]epf

  • die wird von deinem thema scheinbar irgendwie excludiert.
    Kannst ja die zeile

    PHP
    <li class="page_item<?php if ( is_home() ) { ?> current_page_item<?php } ?>"><a href="<?php bloginfo('url'); ?>">Home</a></li>

    wieder einbauen.
    Oder den ganzen exclude-Kram rausschmeissen

    Danke geht! Jetzt muss ich nur noch die CSS Datei zwecks des aussehens bearbeiten. Hast echt was gut bei mir :>

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!