Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Off Canvas Lösung für Wordpress?“

CayZ

Pixel Slider

Hey Leute,

ich arbeite im Moment an einer responsive Website mit Wordpress. Derzeit hänge ich an der off Canvas Geschichte. Ich habe ein Tutorial Video angeschaut und versucht so einzubinden. Doch das Problem es lässt sich so nicht 1 zu 1 in WP umsetzen. So zeigte es das Video:

HTML:
<body>
    <div id="content">
        <h1><a class="open" href="#nav">Menu</a>PageSlide Responsive Demo</h1>
        <ul id="nav">
            <li><a href="">Menu Item 1</a></li>
            <li><a href="">Menu Item 2</a></li>
            <li><a href="">Menu Item 3</a></li>
            <li><a href="">Menu Item 4</a></li>
            <li><a href="">Menu Item 5</a></li>
        </ul>
</div>
    <script src="../lib/jquery-1.7.1.min.js"></script>
    <script src="../jquery.pageslide.min.js"></script>
    <script>
        $(".open").pageslide();
    </script>
</body>
Wie man sieht wird die ul id in den a class open angegeben (href).

wie muss ich das in Wordpress machen?

PHP:
So habe ich die scripte im headbereich
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
        <script type="text/javascript" src="<?php echo get_stylesheet_directory_uri ();?>/js/jquery.pageslide.min.js"></script>
        <script type="text/javascript">
            $(".open").pageslide();
        </script>

...
<a class="open" href="#nav">Menu</a>
            <?php wp_nav_menu(array( 'theme_location' => 'header-menu',
                                     'menu_id'      => 'nav', 
            )); ?>
so sieht das bei mir aus. aber das funktioniert leider nicht. Der benötigte CSS Code steht in der style.css

Ich hoffe Ihr versteht auf was ich hinaus will und vllt hat jemand ein Tip für mich. Scripte sind auch eingebunden.
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.872
Mitglieder
67.225
Neuestes Mitglied
Petra
Oben