polvodigital

Alan Hidalgo Pagoto

<p>A plugin which allows you to put posts of a specific category (you can use even all the categories) in a widget. You can use more that one widget at the same time and configure different time transictions between two posts. You’re able to change the quantity of posts in each widget as well. When there are too many posts to be loaded, the plugin loads the first ten and, when the first transiction is triggered (between the first and the second posts) the 11th is loaded and put in the queue. When the second transiction is triggered, the 12th post is loaded and the plugin keeps doing it until all posts are loaded. When it happens, the plugin stops making ajax requests to the server and the page runs normally.</p>
<p>You can find a demo on http://www.polvo.com.br/plugins/post-content-slider. There are two widgets configured on the right. The first one is set to change the post every 4 seconds and the second one every 10 seconds.</p>
<h3>Files structure</h3>
<p>plugins/</p>
<p>postcontentslider.php => The main file of plugin. It calls some necessary hooks.</p>
<p>plugins/css</p>
<p>main.css => Has only one class, which turns absolute and hidden all the posts before starts to slide them</p>
<p>plugins/includes</p>
<p>pcs_post_templace.php => This plugin works with ajax requests and creates new li elements dinamically. This file is the structure of the posts on the widget.</p>
<p>pcs_widget_showdata.php => This is the widget class, which allows the plugin to show the information.</p>
<p>plugins/js</p>
<p>pcs_general.js => This javascript file changes the posts on the widget and make ajax requests</p>
<h3>How it works</h3>
<p>After installing and activating the plugin, you must use it as a widget. At the widgets area, you may configure:</p>
<p>1) Widget title</p>
<p>The title that appears above the widget content</p>
<p>2) Box height</p>
<p>This is the size of the box which contains the post slider. You can change this value through css as well.</p>
<p>3) Category</p>
<p>You can choose a category to show the posts. For example: on this widget, I want to show a slide of posts about football. Anyway, you can choose “Any” and your widget will show the last posts of all categories.</p>
<p>4) Posts Quantity</p>
<p>You can choose the quantity of posts of your slideshow. You have the option of choosing “All the posts” as well, and the page will show every single post of your blog (or of a chosen category).</p>
<p>4.1) Ajax</p>
<p>If you choose more than 10 posts (or All posts), they will not be loaded when the page is loaded. Only the first 10 posts are loaded. When the first transition is triggered, the 11th post is loaded and added to the list with ajax. When the second transition is triggered, the 12th post is loaded, etc. When all the posts are already loaded and added to the list, the plugin stops making requests to the server through ajax.</p>
<p>5) Exhibition time</p>
<p>You can choose the time (in seconds) between the transitions.</p>
<h3>Information</h3>
<p>Remember that you can use more than one widget with this plugin and change the properties for each one.</p>


Post Content Slider

Post content slider - Rotate your favorite posts in a widget - Developed by Alan Hidalgo Pagoto under Polvo Digital

Tribulant Software

<p>Feature content in beautiful and fast JavaScript powered slideshow gallery showcases on your WordPress website.</p>
<p>You can easily display multiple galleries throughout your WordPress website displaying your custom added slides, slide galleries or showing slides from WordPress posts/pages.</p>
<p>The slideshow is flexible, all aspects can easily be configured and embedding/hardcoding the slideshow gallery is a breeze.</p>
<p>See the <a href="https://tribulant.net/slideshowgallery/" rel="nofollow ugc">online demonstration</a>.</p>
<p>Here are several ways to display a slideshow:</p>
<h4>Shortcode for all slides</h4>
<p>To embed a slideshow with all slides under <strong>Slideshow > Manage Slides</strong> in the plugin, simply insert the shortcode below into the content of a post/page.</p>
<pre><code>[tribulant_slideshow]
</code></pre>
<h4>Shortcode for featured posts</h4>
<p>You can create a slideshow from featured posts, each post being a slide and it’s featured image used as the slide image. The link of the slide will be the link of the post so clicking on the slide will take users to that post.</p>
<p>Here is a sample shortcode that you can use for this:</p>
<pre><code>[tribulant_slideshow featured="true" featurednumber="10" featuredtype="post"]
</code></pre>
<h4>Shortcode for a gallery’s slides</h4>
<p>To embed a slideshow with slides from a specific gallery under <strong>Slideshow > Manage Galleries</strong> in the plugin, simply insert the shortcode below (where X is the ID value of the gallery) into the content of a post/page.</p>
<pre><code>[tribulant_slideshow gallery_id="X"]
</code></pre>
<h4>Shortcode for the images of a WordPress post/page</h4>
<p>To embed a slideshow with the images uploaded to a WordPress post/page through it’s media gallery, simply insert the shortcode below (where X is the ID value of the post). Whether you want to display the images from a post or a page, the parameter remains <code>post_id</code>.</p>
<pre><code>[tribulant_slideshow post_id="X"]
</code></pre>
<h4>Shortcode for latest/featured products</h4>
<p>In order to display latest or featured products in a slideshow, you need the <a href="https://tribulant.com/plugins/view/10/" title="WordPress Shopping Cart" rel="nofollow ugc">Shopping Cart plugin</a> from Tribulant. Once you have this installed and activated, you can easily display recent or featured products. To display recent products use the shortcode below.</p>
<pre><code>[tribulant_slideshow products="latest"]
</code></pre>
<p>And to display featured products, use the one below.</p>
<pre><code>[tribulant_slideshow products="featured"]
</code></pre>
<p>For both, you can use the <code>productsnumber</code> parameter to limit the number of products eg.</p>
<pre><code>[tribulant_slideshow products="latest" productsnumber="5"]
</code></pre>
<h4>Hardcode into any plugin/theme with PHP</h4>
<p>To hardcode into any PHP file of your WordPress theme, simply use</p>
<pre><code><?php if (function_exists('slideshow')) { slideshow($output = true, $gallery_id = false, $post_id = false, $params = array()); } ?>.
</code></pre>
<h4>Parameters for shortcode/hardcode to customize each slideshow</h4>
<p>You can use any of the following parameters with both the hardcoding and shortcode to customize each slideshow gallery:</p>
<p>Shortcode example 1:<br />
    [tribulant_slideshow layout=”responsive” gallery_id=”3″ auto=”true” navopacity=”0″ showthumbs=”true”]</p>
<p>Shortcode example 2:<br />
    [tribulant_slideshow layout=”specific” post_id=”379″ width=”600″ height=”300″ auto=”false” showinfo=”false”]</p>
<p>Hardcode example 1:<br />
     “responsive”, ‘auto’ => “true”, ‘navopacity’ => “0”, ‘showthumbs’ => “true”)); ?></p>
<p>Hardcode example 2:<br />
     “specific”, ‘width’ => “600”, ‘height’ => “300”, ‘auto’ => “false”, ‘showinfo’ => “false”)); ?></p>
<p>This way you can customize each slideshow you embed or hardcode, despite the settings you saved under <strong>Slideshow > Settings</strong>.</p>
<ul>
<li><code>effect</code> [ fade | slide ] = Choose the transition effect of the slideshow. Either fade or slide</li>
<li><code>slide_direction</code> [ lr | tb ] = If you’re using <code>slide</code> for the <code>effect</code>, you can choose left/right or top/bottom sliding</li>
<li><code>easing</code> [ swing ] = Choose the easing effect you’d like. The default is <code>swing</code></li>
<li><code>products</code> [ latest | featured ] = String “latest” or “featured” to display products from the <a href="https://tribulant.com/plugins/view/10/" rel="nofollow ugc">Checkout plugin</a>.</li>
<li><code>productsnumber</code> [ productsnumber ] = Numeric/integer to limit the number of products to display.</li>
<li><code>featured</code> [ true | false ] = Show posts with their featured images </li>
<li><code>featurednumber</code> [ number ] = A numeric/integer value. The default is 10</li>
<li><code>featuredtype</code> [ post_type ] = A post type slug like ‘post’, ‘page’, etc. The default is ‘post’</li>
<li><code>gallery_id</code> [ gallery_id ] = Numeric/integer ID of a gallery to display images from.</li>
<li><code>post_id</code> [ post_id ] = Numeric/integer ID of a post to take images from it, uploaded through it’s “Add Media” button.</li>
<li><code>numberposts</code> [ numberposts ] = Numeric value of the number of images to take from the post/page. “-1” for unlimited/all</li>
<li><code>layout</code> [ responsive | specific ] = Set to ‘responsive’ for mobile/tablet compatible theme and ‘specific’ for fixed width/height.</li>
<li><code>resizeimages</code> [ true | false ] = Set to ‘true’ to resize images to fit the slideshow dimensions.</li>
<li><code>imagesoverlay</code> [ true | false ] (default: setting) = Set to ‘true’ to display links of slides that are images in a Colorbox overlay on the page.</li>
<li><code>orderby</code> [ random ] = Set to ‘random’ to randomly order the slides. Leave this shortcode parameter to order by the order set on the slides.</li>
<li><code>width</code> [ width | auto ] = (only with layout=”specific”) Width of the slideshow in pixels. Don’t specify ‘px’ part, just the numeric value for the height.</li>
<li><code>resheight</code> [ resheight ] = (only with layout=”responsive”) Numeric/integer value such as “30” to be used with ‘resheighttype’ below</li>
<li>`resheighttype [ resheighttype ] = (only with layout=”responsive”) “px” (pixels) or “%” (percent) as the value e.g., resheighttype=”%”</li>
<li><code>height</code> [ height ] (only with layout=”specific”; default: setting) = Height of the slideshow in pixels. Don’t specify the ‘px’ part, just the numeric value for the height.</li>
<li><code>autoheight</code> [ true | false ] = Should the gallery adjust it’s height for each slide?</li>
<li><code>auto</code> [ true | false ] (default: setting) = Set this to ‘true’ to automatically slide the slides in the slideshow.</li>
<li><code>autospeed</code> [ speed ] (default: setting) = Speed of the auto sliding. 10 is normal. Lower number is faster. Between 5 and 15 is recommended.</li>
<li><code>fadespeed</code> [ speed ] (default: setting) = Speed of the fading of images. 10 is normal. Lower number is faster. Between 1 and 20 is recommended.</li>
<li><code>shownav</code> [ true | false ] (default: setting) = Set to ‘true’ to show the next/previous image navigation buttons.</li>
<li><code>navopacity</code> [ opacity ] (default: setting) = The opacity of the next/previous buttons. Between 0 and 100 with 0 being transparent and 100 being fully opaque.</li>
<li><code>navhoveropacity</code> [ opacity ] (default: setting) = The opacity of the next/previous buttons on hovering. Between 0 and 100 with 0 being transparent and 100 being fully opaque.</li>
<li><code>showinfo</code> [ true | false ] (default: setting) = Set to ‘true’ to show the information bar for each slide.</li>
<li><code>infospeed</code> [ speed ] (default: setting) = Speed at which the information bar will slide up. Between 5 and 15 is recommended.</li>
<li><code>showthumbs</code> [ true | false ] (default: setting) = Set to ‘true’ to show the thumbnails for the slides.</li>
<li><code>thumbsposition</code> [ top | bottom ] (default: setting) = Set to “top” to show above the slideshow.</li>
<li><code>thumbsborder</code> [ hexidecimal color ] (default: setting) = Hex color of the active thumb border. For example #333333.</li>
<li><code>thumbsspeed</code> [ speed> ] (default: setting) = Speed of the thumbnail bar scrolling. Lower is slower. Between 1 and 20 is recommended.</li>
<li><code>thumbsspacing</code> [ spacing ] (default: setting) = An integer value in pixels to space the thumbnails apart. Don’t include the ‘px’ part, just the number. Between 0 and 10 is recommended.</li>
</ul>
<h4>Languages</h4>
<p>Thank you to these wonderful people who contributed to translating the Slideshow Gallery plugin:</p>
<ul>
<li>Afrikaans (af_ZA) by <a href="https://tribulant.com" rel="nofollow ugc">Antonie Potgieter | Tribulant</a></li>
<li>Slovak (sk_SK) by Branco Radenovich</li>
</ul>
<p><a href="https://tribulant.com/support/" rel="nofollow ugc">Contact us</a> to submit your language file and be mentioned here!</p>


Slideshow Gallery LITE

Feature content in a JavaScript powered slideshow gallery showcase on your WordPress website.

Post Content Slider vs Slideshow Gallery LITE