Superfish Menü Support

SyntaX

Hallo,

habe bei mir im Theme das Superfish Menü eingebaut. Sollte alles ordnungsgemäß sein. Nun wird mir das Menü aber nicht angezeigt.

Schaut selbst: http://hazelnut.bplaced.net/wp/

Hier mal der Code meiner Header PHP:

PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type');  ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php wp_title('&laquo;', true,  'right'); ?> <?php bloginfo('name'); ?></title>
<meta name="keywords" content="" />
<meta name="description" content="" />


<script src="<?php bloginfo('template_directory'); ?>/js/html5.js"></script><!-- this is the javascript allowing html5 to run in older browsers -->


<link href='http://fonts.googleapis.com/css?family=Vollkorn&subset=latin' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/reset.css" media="screen" title="html5doctor.com Reset Stylesheet" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo( 'stylesheet_url' ); ?>" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/grid.css" media="screen" />
<link rel='stylesheet' type='text/css' media='screen' href='<?php bloginfo('template_directory'); ?>/css/superfish.css' />
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.2.6.min.js"></script>
<script type='text/javascript' src='<?php bloginfo('template_directory'); ?>/js/superfish.js'></script>
<script type='text/javascript'>
    $(document).ready(function() {
        $('ul.sf-menu').superfish();
    });
</script>


</head>
<body>
<div class="row" style="background: #FFF; border:1px solid #E9EFF2; -moz-box-shadow:0 5px 15px #CCCCCC;">
    <header>
        <div class="logo left" style="font-family: 'Vollkorn', arial, serif"><?php bloginfo('name'); ?></div>
        
        <div class="statement right"><?php bloginfo('description');?></div>
        
        <div class="clear"></div>
        
        <nav id="navi">
            <ul id="navigation" class="sf-menu">
                <li class="active"><?php wp_nav_menu(  array( 'theme_location' => 'header-menu' ));  ?></li>
            </ul>
        </nav>
    </header>

Alles anzeigen

Weis da einer einen Rat?

LG SyntaX

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

Tutrix

eventuell liegt es an den Leerzeichen im Pfad zur js

Zitat aus Firebug bei all deinen Skripten

Zitat

Das Laden des Quelltexts ist fehlgeschlagen:: http://hazelnut.bplaced.net/wp/wp-content/themes/stoetzel - wp/js/superfish.js

[COLOR="Red"]Edit[/COLOR]: wenn man die Leerzeichen entfernt (auch für die css) erscheint das Menü

SyntaX

Nein das war der Fehler nicht. Habe das Leerzeichen trotzdem mal entfernt.

Tutrix

hmm.. bei mir erscheint das Menü, nach entfernen der Leerzeichen..siehe Bild

SyntaX

Zitat von Art of Pic

hmm.. bei mir erscheint das Menü, nach entfernen der Leerzeichen..siehe Bild

Wo genau waren die Leerzeichen? :O

Tutrix

nach stoetzel, vor wp

also

stoetzel - wp

und geändert

stoetzel-wp

SyntaX

Der Themeordner heißt generell jetzt nur noch "stoetzel" trotzdem der gleiche Fehler weiterhin.

SyntaX

Weiß keiner mehr einen rat? :<

Tutrix

bin noch mal schnell darüber geflogen :wink:

bin mit diesen Menu auch nicht so vertraut, hab aber mal mit Firebug etwas herum experimentiert..........

so wie ich das sehe, rufst du innerhalb des Superfish das normale Menü auf,
wodurch dann keines angezeigt wird

daher ist auch alles grau(inaktiv) in Firebug

ändere das mal wie in den Bildern im Anhang

SyntaX

Wie soll ich dass ändern? Stehe da gerade etwas auf dem schlauch!

Tutrix

was verstehst du nicht?

War vor 5min auf deiner Seite, das Menü war da, sogar die Höhe hattest du angepasst!

lediglich das doppelte

Code

border-top:1px solid #CCCCCC;

war noch nicht entfernt...........

jetzt hast du wieder den alten Code eingefügt

mit dem Aufruf beider Menüs

also Superfish

Code

<ul class="sf-menu sf-js-enabled sf-shadow">

und darin das normale

Code

<ul>

SyntaX

Ja, hatte etwas ausprobiert, leider war das aber kein Custom Menü! Ich möchte das ja alles mittels dem neuen Wordpress Custom Menü realisieren. Deswegen hatte ich das eben rausgenommen.

Mein Code sieht nun aktuell so aus:

PHP

<nav id="navi">
            <ul id="navigation">
                <li class="active"><?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'container_class' => 'menu', 'menu_class' => 'sf-menu', 'fallback_cb' => '' ) ); ?></li>
            </ul>
        </nav>

Rätselhaft ist mir nur, wieso das doppelt ist.

Edit: Ok, ich werde also wieder die klassische Menü variante einbauen müssen, oder mich auf Langes herum experimentieren einstellen müssen.

Ich finde ja, dass unter diesen umständen die Custom Menü Funktion eher ein Rückschritt ist als ein Fortschritt, wenn es so umständlich ist, da ein simples Superfish Menü zu integrieren.

Tutrix

zu deinem Code
was passiert den wenn du nur dies

PHP

[COLOR=#000000]<nav>[COLOR=#0000BB]<?php wp_nav_menu[/COLOR][COLOR=#007700]( array( [/COLOR][COLOR=#DD0000]'theme_location' [/COLOR][COLOR=#007700]=> [/COLOR][COLOR=#DD0000]'header-menu'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#DD0000]'container_class' [/COLOR][COLOR=#007700]=> [/COLOR][COLOR=#DD0000]'menu'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#DD0000]'menu_class' [/COLOR][COLOR=#007700]=> [/COLOR][COLOR=#DD0000]'sf-menu'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#DD0000]'fallback_cb' [/COLOR][COLOR=#007700]=> [/COLOR][COLOR=#DD0000]'' [/COLOR][COLOR=#007700]) ); [/COLOR][COLOR=#0000BB]?>[/COLOR]</nav>[/COLOR]

verwendest.

Sonst schau mal hier, vielleicht hilft dir das weiter.

Mit dem neuen Menü hab ich mich noch nicht beschäftigt, dachte damit kann man nur eigene variable Menüs erstellen. Das man da auch externe Menü-Scripte einbinden kann, hab ich noch nicht gesehen.

SyntaX

Da funktioniert gar nichts. Hab dein lösungsvoschlag + dass auf diser Seite versucht. Allerdings hatte ich das selber auch schon beim googlen gefunden.

In der header.pp ist nun folgendes:

PHP

<nav id="navi">
            <ul id="navigation" class="sf-menu">
                <li class="active"><?php wp_nav_menu( array( 'theme_location' => 'Topmenu', 'menu_class' => 'sf-menu' ) ); ?></li>
            </ul>
        </nav>

in der functions.php

PHP

add_theme_support('menus');


if ( function_exists( 'register_nav_menus' ) ) {
    register_nav_menus(
        array(
          'top_nav_menu' => 'Topmenu',
          'foot_menu' => 'Footermenu'
        )
    );
}

Alles anzeigen

Tutrix

sollte der Code nicht so aussehen

PHP

<?php wp_nav_menu(array('menu' => 'Topmenu','theme_location' => 'top_nav_menu', 'menu_class' => 'sf-menu')); ?>

laut der Anleitung des Links?

und wie schon geschrieben, ohne eine weitere ul und li drumherum

also nur

PHP

<nav>
<?php wp_nav_menu(array('menu' => 'Topmenu','theme_location' => 'top_nav_menu', 'menu_class' => 'sf-menu')); ?>
</nav>

SyntaX

Hatte ich ja auch schon alles ausprobiert. Funktioniert leider alles nicht :-?

Tutrix

Nun dann kannst ja vorerst den html-Code in die header.php einfügen, bis einer den korrekten Code für die Menüfunktion postet.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Superfish Menü Support

Jetzt mitmachen!