<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" ><channel><title>WordPress Designer - Sidera Design &#187; jquery</title> <atom:link href="http://sideradesign.com/tag/jquery/feed/" rel="self" type="application/rss+xml" /><link>http://sideradesign.com</link> <description>Just another WordPress site</description> <lastBuildDate>Sat, 02 Jul 2011 11:10:46 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3-aortic-dissection</generator> <xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /> <item><title>WordPress how to video : flexible Thesis slideshow</title><link>http://sideradesign.com/wordpress-how-to-video-flexible-thesis-slideshow/</link> <comments>http://sideradesign.com/wordpress-how-to-video-flexible-thesis-slideshow/#comments</comments> <pubDate>Sun, 02 Jan 2011 19:16:47 +0000</pubDate> <dc:creator>sidera_admin</dc:creator> <category><![CDATA[WordPress]]></category> <category><![CDATA[how to]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[slideshow]]></category> <category><![CDATA[thesis]]></category> <category><![CDATA[tutorial]]></category><guid isPermaLink="false">http://sideradesign.com/?p=1026</guid> <description><![CDATA[This is a 2 part video tutorial to guide you through the process of adding a featured posts slideshow to the Thesis theme using the Jquery Cycle Lite plugin and Query Posts plugin. If you want to show the post &#8230; <a href="http://sideradesign.com/wordpress-how-to-video-flexible-thesis-slideshow/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>This is a 2 part video tutorial to guide you through the process of adding a featured posts slideshow to the Thesis theme using the Jquery Cycle Lite plugin and Query Posts plugin.</p><p><object width="584" height="463"><param name="movie" value="http://www.youtube.com/v/lmbil3iYFUE?version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lmbil3iYFUE?version=3" type="application/x-shockwave-flash" width="584" height="463" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p><object width="584" height="463"><param name="movie" value="http://www.youtube.com/v/WCv_Fj54b3c?version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WCv_Fj54b3c?version=3" type="application/x-shockwave-flash" width="584" height="463" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p>If you want to show the post title and excerpt, just remove the overflow:hidden CSS declaration and position the title and excerpt relative.</p> ]]></content:encoded> <wfw:commentRss>http://sideradesign.com/wordpress-how-to-video-flexible-thesis-slideshow/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Add the Nivo Slider to the Thesis WordPress theme</title><link>http://sideradesign.com/add-the-nivo-slider-to-the-thesis-wordpress-theme/</link> <comments>http://sideradesign.com/add-the-nivo-slider-to-the-thesis-wordpress-theme/#comments</comments> <pubDate>Sat, 29 May 2010 20:32:46 +0000</pubDate> <dc:creator>sidera_admin</dc:creator> <category><![CDATA[WordPress]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[slider]]></category> <category><![CDATA[thesis]]></category><guid isPermaLink="false">http://sideradesign.com/?p=388</guid> <description><![CDATA[I&#8217;m working on a customization of the Thesis theme for a client. A popular feature of modern websites is the featured posts slider. So I decided to use the Nivo slider, which is lightweight and has nice transitions. To do &#8230; <a href="http://sideradesign.com/add-the-nivo-slider-to-the-thesis-wordpress-theme/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>I&#8217;m working on a customization of the Thesis theme for a client.<br /> A popular feature of modern websites is the featured posts slider. So I decided to use the Nivo slider, which is lightweight and has nice transitions.<br /> To do this, first you need to edit custom_functions.php and add this code:</p><pre class="brush: php; title: ; notranslate">
add_action('thesis_hook_before_content_box','do_nivo_slider');

function do_nivo_slider(){

if (is_home()){
print '&lt;div id=&quot;sliderwrap&quot;&gt;';
?&gt;

&lt;div id=&quot;slider&quot;&gt;

&lt;?php $sub_loop_1 = new WP_Query('category_name=featured');
while ($sub_loop_1-&gt;have_posts()) : $sub_loop_1-&gt;the_post();
global $post;
?&gt;

&lt;a href=&quot;&lt;?php the_permalink(); ?&gt;&quot;&gt;
&lt;?php the_post_thumbnail('full', array('alt' =&gt; get_the_title(), 'title' =&gt; get_the_title())); ?&gt;
&lt;/a&gt;
&lt;?php wp_reset_query(); ?&gt;
&lt;?php endwhile; ?&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;?php }

}
</pre><p>and activate post thumbnails</p><pre class="brush: php; title: ; notranslate">
if ( function_exists( 'add_theme_support' ) ) { // Added in 2.9
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 200, 200, true ); // Normal post thumbnails
add_image_size( 'hp-post-thumbnail', 511, 231, true ); // Homepage thumbnail size
add_image_size( 'single-post-thumbnail', 511, 9999 ); // Permalink thumbnail size
}
</pre><p>then add this to the Thesis Page Options &gt; HomePage Options &gt; Javascript box</p><pre class="brush: jscript; title: ; notranslate">

jQuery(window).load(function() {
jQuery('#slider').nivoSlider();
});
</pre><p>and check JQuery checkbox</p><p>I haven&#8217;t figured out how to use wp_enqueue_script and wp_enqueue_style with Thesis yet, so I used the absolute paths.<br /> Usually I&#8217;d include all the javascript in the functions.php file</p><p>Copy the CSS from the nivo slider CSS file and paste it into your custom.css.<br /> Here also I&#8217;d rather include the extra CSS file somehow.</p> ]]></content:encoded> <wfw:commentRss>http://sideradesign.com/add-the-nivo-slider-to-the-thesis-wordpress-theme/feed/</wfw:commentRss> <slash:comments>8</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced

Served from: sideradesign.com @ 2012-02-05 08:01:00 -->
