Auf Thema antworten 2026

Beitrag

<blockquote data-quote="CayZ" data-source="post: 2169260" data-attributes="member: 491837">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]&lt;body&gt;&nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;&lt;a class=&quot;open&quot; href=&quot;#nav&quot;&gt;Menu&lt;/a&gt;PageSlide Responsive Demo&lt;/h1&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul id=&quot;nav&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;&quot;&gt;Menu Item 1&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;&quot;&gt;Menu Item 2&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;&quot;&gt;Menu Item 3&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;&quot;&gt;Menu Item 4&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;&quot;&gt;Menu Item 5&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;script src=&quot;../lib/jquery-1.7.1.min.js&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &lt;script src=&quot;../jquery.pageslide.min.js&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &lt;script&gt;&nbsp; &nbsp; &nbsp; &nbsp; $(&quot;.open&quot;).pageslide();&nbsp; &nbsp; &lt;/script&gt;&lt;/body&gt;[/HTML]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&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php echo get_stylesheet_directory_uri ();?&gt;/js/jquery.pageslide.min.js&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;.open&quot;).pageslide();&nbsp; &nbsp; &nbsp; &nbsp; &lt;/script&gt;...&lt;a class=&quot;open&quot; href=&quot;#nav&quot;&gt;Menu&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;?php wp_nav_menu(array( &#039;theme_location&#039; =&gt; &#039;header-menu&#039;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;menu_id&#039;&nbsp; &nbsp; &nbsp; =&gt; &#039;nav&#039;, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; )); ?&gt;[/PHP]so sieht das bei mir aus. aber das funktioniert leider nicht. Der benötigte CSS Code steht in der style.cssIch hoffe Ihr versteht auf was ich hinaus will und vllt hat jemand ein Tip für mich. Scripte sind auch eingebunden.</blockquote>

[QUOTE="CayZ, post: 2169260, member: 491837"] 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>[/HTML]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', )); ?> [/PHP]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. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?