Jquery menü einbauen

    Hallo, da ich hier im Forum schon immer gute Hilfe bekommen habe möchte ich mit meinem nächsten Problem zu euch kommen.

    Ich habe ien Plugin welches mit eine Accordion Image menü erstellt. da ich dieses Menü aber des öfteren brauche muss ich es selbst per Jquery einbauen, wo nun mein Problem liegt.

    Hier erstmal der Link dazu:

    http://web-argument.com/2011/03/07/jqu…ge-menu-plugin/

    hier meine Fragen:

    Punkt 1 auf der Seite füge ich in die Head.php in wordpress ein soweit ist das richtig ?

    Punkt 2 kommt ebenfalls in den Head bereich ?

    Punkt 3 wo muss ich das einfügen ?

    Punkt 4 müsste ja auf die Seite kommen, auf der das Menü gezeigt wird.

    Der Quelltext unter options müsste ja die CSS sein ?

    Die Quelltexte unter dein Beispielen sind doch die Beispielquelltexte die zu dem oben aufgeführten Punkt 3 kommen oder ?

    Vielen dank für eure Mühe, wenn ich dieses Problem gelöst habe kämpf ich mich dann zum nächsten vor.

    Gruß Heiko

    • Gerade eben
    • 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

    1.-3. kommt in den head Bereich der header.php
    wobei du 2. (den css Code der accordionImageMenu.css) auch direkt in die style.css deines Themes einfügen kannst, statt einen Link zu dieser zu setzen

    den Pfad zu den Dateien überall anpassen

    4. an die Stelle, wo das Menü erscheinen soll

    Zitat

    Der Quelltext unter options müsste ja die CSS sein?


    nein das ist ja 2. schon

    das gehört zusätzlich in 3., ist also die Auswahl der zur Verfügung stehenden Optionen, wie das Menü angezeigt, funktionieren soll

    also Beispiel
    ohne Optionen

    Code
    <script type="text/javascript">
$(document).ready(function() {
	$('#menu').AccordionImageMenu();
    });
</script>

    mit Optionen (z.B. Simple)

    Code
    <script type="text/javascript">
$(document).ready(function() {
	$('#menu').AccordionImageMenu({
	 [COLOR="#FF0000"] 'openDim': 300,
	  'closeDim': 100,[/COLOR]
	});
});
</script>

    Einmal editiert, zuletzt von Tutrix (21. Juli 2012 um 10:56)

    Danke erstmal für deine Hilfe, ich werde es heute abend mal in ruhe testen.

    Gibt es noch eine Möglichkeit die verlinkungen an zentraler stelle für eine navigation zu machen ?
    Da ich die Navigation in vielen Seite einbaue müsste ich ja jede überarbeiten wenn eine dazu kommen.

    Vielleicht ja eine extra Seite machen wo nur die Navi drin ist und dann in die Seiten wo ich sie brauche ber include oder so einbinden. Ist dies Möglich ?

    verstehe ich jetzt nicht ganz
    wenn du das Menü als Ersatz für das Standardmenü einfügst, wird es doch auf allen Seiten angezeigt, somit wird auch eine Änderung auf allen Seiten angezeigt.

    aber eine extra Datei kannst du natürlich auch verwenden

    Einmal editiert, zuletzt von Tutrix (21. Juli 2012 um 11:12)

    Ne ne das mit dem Standartmenü stimmt nicht. Das Imagemenü wird auf einer seperaten Seite bzw. Seiten eingebaut.
    Also Seiten die ich in Wordpress erstelle.

    nun wenn es eine extra Datei fürs Menü sein soll...

    dann erstelle eine z.B. meinmenue.php mit dem Inhalt von Punkt 4 und füge diese in den Ordner deines Themes

    in den Seiten wo das Menü dann erscheinen soll, dann dies

    PHP
    <?php include(TEMPLATEPATH . '/meinmenue.php'); ?>

    wenn das mit "TEMPLATEPATH" nicht funktionieren sollte, kannst auch den absoluten Pfad angeben

    PHP
    <?php include('http://www.deineseite.de/wp-content/themes/deintheme/meinmenue.php'); ?>


    Domain und Themename natürlich anpassen

    ach ja, du kannst natürlich auch ein extra Seitentemplate erstellen, dort das Menü einfügen und beim erstellen einer Seite im Dashboard dieses Seitentemplate auswählen.

    siehe = http://codex.wordpress.org/Pages

    Einmal editiert, zuletzt von Tutrix (21. Juli 2012 um 14:12)

    Hey, hab es heute einfach mal mit einer Seite versucht und dort das Menü eingebunden.
    Die Seite habe ich test menü genannt leider gint es nicht ich gehe mal davon aus, daß der pfad zur css und jquery falsch ist da ich von der index ausgegangen bin

    mein pfad lautet z.B

    <script type="text/javascript" src="wp-includes/css/jquery_acc.js"></script>

    diese Zeile steht in der header.php.

    Wie müsste der Pfad den nun richtig lauten da er ja vom pfadt http://www.meine-domaiin/test-menu/ ausgeht.

    in meinem Beitrag hab ich dir doch die möglichen Pfade aufgeführt, hast du das gar nicht gelesen?!
    die Dateien egal welche, müssen in deinem Theme sein, somit führt auch der Pfad dort hin und nicht ein halber Pfad in die wp-incudes Ordnerstruktur

    Zitat von Mway123


    <script type="text/javascript" src="wp-includes/css/jquery_acc.js"></script>

    Im Includes-Ordner von WP, dazu noch eine JavaScript-Datei im CSS-Ordner... NEIN! :x

    Erstelle Dir doch einfach ein kleines Plugin (grob skizziert) mit Shortcode:

    [CODE]
    add_action('wp_head', 'acc_add_javascript');
    add_shortcode('acc-nav', 'acc_nav');

    function acc_nav($att,$content=null) {
    // Dein Stuff für das Menü
    }

    function acc_add_javascript() {
    $headerdata = '';


    echo $headerdata;
    }
    [CODE]

    Für [FONT=courier new]$att[/FONT] kannst Du im Shortcode Attribute übergeben, für [FONT=courier new]$content[/FONT] Inhalte usw. - somit wird der Shortcode dann auch steuer- und individualisierbar. Bei [FONT=courier new]$headerdata[/FONT] fügst Du die benötigten Dateien ein (kompletter Quellcode, JS und CSS). Das geht auch anders, aber erstmal Okay so. Wenn Du den Pfad zu Deinem Plugin-Verzeichnis benötigst, verwende [FONT=courier new]plugins_url()[/FONT]. Siehe Codex.

    PS: Ich geb's auf mit diesem Editor hier... grausam!!!

    Hey danke für eure Hilffe, hab es heute nacht noch hinbekommen, hab den pfad absolut gemacht und schon ging es.
    Allerdings kann ich meine accordion.php nicht in eine statische Seite einbauen egal was ich mache. Hab es mit einem Template für die Seite versucht, hab es mit den beiden oben genannten Methoden versucht, hab sogar Exec installiert damit ich php in der statischen Seite nutzen kann, aber nichts funktioniert.

    Ich denke irgendwo mach ich wohl ein Fehler.

    wenn du ein eigenes Template verwendest funktioniert das schon

    Zitat

    aber nichts funktioniert.


    ist eine Aussage mit der man nichts anfangen kann

    was für Fehlermeldungen kommen den?
    wie sieht dein Menü-Template aus?
    wie sieht die accordion.php aus?
    wie fügst du die accordion.php in das Menü-Template ein?

    Art of Pic

    wenn ich diese Zeile einfüge

    <?php include(pfad-auf-deinem-server/dein-script.php); ?>

    kommt

    [h=1]Forbidden[/h] You don't have permission to access /wp-admin/post.php on this server.

    wenn ich diese Zeile einfüge

    <?php include ‘http://pfad-auf-einem-fremden-server-oder-wenn-a)-nicht-klappt.htm’; ?>

    passiert garnichts

    die accordion.php sieht folgender maßen aus.
    <?php

    <div id="menu">
    <a href="link1"><span>Heiko</span><img src="/wp-includes/images/projekt_print/albmag.jpg" alt="" /></a>
    <a href="link2"><span>Katrin</span><img src="/wp-includes/images/projekt_print/albstadt.jpg" alt="" /></a>
    <a href="link3"><span>Marc</span><img src="/wp-includes/images/projekt_print/as_schwabe_6.jpg" alt="" /></a>
    </div>

    ?>

    und wenn ich das direkt in eine Seite schreibe geht es ja auch, nur das einbinden der accordion.php in eine statische Seite von Wordpress geht eben nicht.

    Wenn ich ein Template für die Seite erstelle, und dort die oben geschrieben Zeilen bzw eine davon eintrage passiert leider auch nichts.

    Ich weiß, mein IT-Lehrer hat schon immer gesagt, der Pilot ist schuld und so wird es auch diesmal sein :)

    Keiner da, der fit ist und helfen könnte ?

    Ich komm irgendwie kein Stück weiter mit meinem 2 Problemen, wobei hier nur eins davon angesprochen wird.

    so für ein Problem hab ich nun eine Lösung gefunden

    Ich habe mir ein extre Seitentemplate erstellt, was oben ja schon mal erwähnt wurde. in diesem habte ich nichts includiert sonder direkt den html text eingebunden.


    <div id="menu">
    <a href="link1"><span>Heiko</span><img src="/wp-includes/images/projekt_print/albmag.jpg" alt="" /></a>
    <a href="link2"><span>Katrin</span><img src="/wp-includes/images/projekt_print/albstadt.jpg" alt="" /></a>
    <a href="link3"><span>Marc</span><img src="/wp-includes/images/projekt_print/as_schwabe_6.jpg" alt="" /></a>
    </div>

    In diesem Fall muss ich auch nur das Template überarbeiten wenn ein neuer Artikel dazu kommt und nicht jede Seite. Warscheinlich nicht die feine englische aber es funktioniert.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden