http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Thu, 23 May 2013 03:06:20 +0000 http://themeshaper.com/forums/topic/help-creatiing-an-easily-managable-slideshow#post-16680 Mon, 01 Nov 2010 19:45:10 +0000 Devin 16680@http://themeshaper.com/forums/ <p>I'd look at how Woo Themes does it with their sliders (they use loopedslider) with custom post types. </p> http://themeshaper.com/forums/topic/help-creatiing-an-easily-managable-slideshow#post-16623 Thu, 28 Oct 2010 00:56:17 +0000 Jamie Mitchell 16623@http://themeshaper.com/forums/ <p>Howdy all...:)</p> <p>ok, now adding a jquery slideshow to a thematic child theme is nothing new, i like that nivo slider, it's great.</p> <p>but i got to thinking that if somebody else was to maintain a site with a home page slideshow, and they don't know coding, how would they upload there images, crop them and sort them for the slideshow.</p> <p>i did some reading over at <a href="http://justintadlock.com/archives/2010/04/29/custom-post-types-in-wordpress">Justin Tadlock regarding custom post types</a>, and worked that in with the new featured image function in wp3.0</p> <p>the results works pretty good so far, i am able to upload any large image and it scales it to the size of the slider, with the title being used as a caption.</p> <p>i have pasted my experimental code below from my functions.php</p> <pre><code>//JQuery function re_init_jQuery() { if (!is_admin()) { wp_deregister_script(&#39;jquery&#39;); wp_register_script(&#39;jquery&#39;, &#39;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&#39;); wp_enqueue_script(&#39;jquery&#39;); } } add_action(&#39;init&#39;, &#39;re_init_jQuery&#39;); //nivo script function nivo_script() {?&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;&lt;?php bloginfo(&#39;stylesheet_directory&#39;); ?&gt;/nivo/nivo-slider.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt; &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; &lt;script src=&quot;&lt;?php bloginfo(&#39;stylesheet_directory&#39;); ?&gt;/nivo/jquery.nivo.slider.pack.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; &lt;?php } add_action(&#39;wp_head&#39;, &#39;nivo_script&#39;);?&gt; &lt;?php function filter_jquery() { ?&gt; &lt;?php wp_enqueue_script(&quot;jquery&quot;); ?&gt; &lt;?php } add_action(&#39;wp_head&#39;,&#39;filter_jquery&#39;); add_action( &#39;init&#39;, &#39;create_my_post_types&#39; ); function create_my_post_types() { register_post_type( &#39;super_duper&#39;, array( &#39;labels&#39; =&gt; array( &#39;name&#39; =&gt; __( &#39;Super Dupers&#39; ), &#39;singular_name&#39; =&gt; __( &#39;Super Duper&#39; ) ), &#39;public&#39; =&gt; true, &#39;supports&#39; =&gt; array( &#39;title&#39;, &#39;thumbnail&#39; ), ) ); } if (function_exists(&#39;add_theme_support&#39;)) { add_theme_support(&#39;post-thumbnails&#39;); set_post_thumbnail_size(960, 300, true); } function childtheme_banner() { ?&gt; &lt;script type=&quot;text/javascript&quot;&gt; var J$ = jQuery.noConflict(); J$(window).load(function() { J$(&#39;#slider&#39;).nivoSlider(); }); &lt;/script&gt; &lt;div id=&quot;banner&quot;&gt; &lt;div id=&quot;banner-container&quot;&gt; &lt;div id=&quot;slider&quot;&gt; &lt;?php $my_query = new WP_Query( array( &#39;post_type&#39; =&gt; &#39;super_duper&#39;, &#39;posts_per_page&#39; =&gt; 10 ) ); ?&gt; &lt;?php while ( $my_query-&gt;have_posts() ) : $my_query-&gt;the_post(); ?&gt; &lt;?php the_post_thumbnail(array( 960,300 ),array( &#39;class&#39; =&gt; &#39;&#39; )); ?&gt; &lt;?php endwhile; ?&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;?php } add_action(&#39;thematic_belowheader&#39;,&#39;childtheme_banner&#39;);</code></pre> <p>so what i'm asking here is...is this a good idea? or should i be doing it another way, does anyone else know of a better solution or a way to improve what i have done so far, remember it is all about the user, i want to make it a painless as possible for a user to update the slideshow...</p> <p>could really use a little help here</p> <p>thanks in advance...J </p>