Gungor Budak

<p><a href="http://www.gungorbudak.com/slidy" title="Slidy / Responsive jQuery WordPress Slider" rel="nofollow ugc">Slidy</a> is a reponsive jQuery slider that uses <a href="http://kenwheeler.github.io/slick/" title="slick - the last carousel you'll ever need" rel="nofollow ugc">slick carousel by Ken Wheeler</a> and it’s fully integrated into WordPress, so it’s possible to add and administer slides via the Dashboard. You just need to set the image that you want to see in Slidy as the featured image in each post. Slides can be categorized and in this way you can have different sliders on your website. With the functionalities slick carousel brings, it is possible to create sliders in different ways, such as having multiple items unlike many sliders. Also, with the wide range of settings, you can customize your slider in various ways such as inifinite looping, mouse dragging, swiping, arrow key navigation etc. You can also add links to the individual slides via Add/Edit Slide interface. The slides are posts at the same time so you can use them as contents but you may have to edit your theme to view slide images. Note that this version doesn’t cover all functionalities slick carousel provided but the present functionalities are very sufficent for you to create awesome sliders. Check out <a href="https://wordpress.org/plugins/slidy/screenshots/" title="Slidy's Screenshots" rel="ugc">Slidy’s screenshots here</a>.</p>
<p><strong>How to use Slidy</strong></p>
<p>Find the example below for inserting it directly into the template</p>
<pre><code>$args = array(
    'category' => 'home-page',
    'autoplay' => 'true',
    'autoplaySpeed' => '500',
    'dots' => 'true',
    'slidesToShow' => '3',
    'slidesToScroll' => '1'
);

if( function_exists( 'slidy_create' ) ){ slidy_create( $args ); }
</code></pre>
<p>Find the example below for inserting it using shortcode</p>
<pre><code>[slidy category="" title="false" autoplay="true" autoplaySpeed="500" dots="true" slideToShow="3" slideToScroll="1"]
</code></pre>
<p><strong>Options you can set for the template insert / shortcode</strong></p>
<ul>
<li>category (none) – category of the slides (must be slug)</li>
<li>number (5) – number of sliders to be shown</li>
<li>title (true) – title of the slides</li>
<li>autoplay (true) – autoplay of the slides</li>
<li>autoplaySpeed (3000) – speed of the autoplay</li>
<li>arrows (true) – navigation arrows</li>
<li>cssEase (“ease”) – CSS3 Animation Easing</li>
<li>dots (true) – navigation dots</li>
<li>draggable (true) – desktop mouse dragging</li>
<li>fade (false) – fade transition (only possible when slidesToShow is 1)</li>
<li>infinite (true) – infinite looping of the slides</li>
<li>pauseOnHover (true) – pause when hover the slides</li>
<li>pauseOnDotsHover (false) – pause when hover the navigation dots</li>
<li>slidesToShow (1) – number of slides to show in one time</li>
<li>slidesToScroll (1) – number of slides to scroll in one time</li>
<li>speed (300) – speed of the scrolling</li>
<li>swipe (true) – swiping</li>
<li>touchMove (true) – touch move</li>
<li>touchThreshold (5) – threshold of the touch move</li>
<li>useCSS (true) – CSS transitions</li>
</ul>
<p>The plugin is written in English and has been translated into Turkish by <a href="http:/www.gungorbudak.com/" title="Güngör Budak" rel="nofollow ugc">myself</a>. You’re welcomed if you want to translate it into your language. Use translations.pot, rename it as slidy-LANGCODE.po (e.g. slidy-tr_TR) and open it in Poedit. Translate and save. There should be a MO file created by Poedit. Send PO and MO files to me, then I will add them in the next release.</p>


Slidy

Slidy is a responsive jQuery slider that uses slick carousel. Insert it directly into a template or with its shortcode into pages, posts & widgets …

Ryner Galaus

<p>Includes common libraries used for development. It also comes with simple functions that are widely used on a website.<br />
Libraries can be activated / deactivated. Activate what you need without worrying about unnecessary enqueued scripts and styles.</p>
<ul>
<li>
<p>LIBRARIES INCLUDED</p>
<ol>
<li><a href="https://getbootstrap.com/docs/4.3/getting-started/introduction/" rel="nofollow ugc">Bootstrap v4.3.1 </a></li>
<li><a href="https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use" rel="nofollow ugc">Font Awesome v5.7.1</a></li>
<li><a href="https://sorgalla.com/lity/" rel="nofollow ugc">Lity v2.3.1 </a></li>
<li><a href="http://kenwheeler.github.io/slick/" rel="nofollow ugc">Slick v1.8.1</a></li>
<li><a href="https://mottie.github.io/tablesorter/docs/" rel="nofollow ugc">Tablesorter v2.31.1</a></li>
<li><a href="https://github.com/wp-bootstrap/wp-bootstrap-navwalker" rel="nofollow ugc">Bootstrap Navwalker v2.0.4</a></li>
</ol>
</li>
<li>
<p>Additional Functions</p>
<ol>
<li>WP Login Function
<ul>
<li>Add the classname ‘rsg-wp_login_toggle’ to your link or to the container of your link. </li>
<li>It will automatically toggle a login modal upon click.</li>
<li>You can change the template by copying the file rsg-login.php from the templates folder to yourtheme/rsg/templates/</li>
</ul>
</li>
<li>Logout
<ul>
<li>Add the classname ‘rsg_wp_logout_link’ to your link.</li>
<li>It will automatically logout the user on click.</li>
</ul>
</li>
<li>Popup Menu Function
<ul>
<li>Add the classname ‘rsg-wp_menupopup_toggle’ to your link or to the container of your link. </li>
<li>It will automatically toggle a popup menu on click.</li>
<li>You can change the template by copying the file rsg-popup_menu.php from the templates folder to yourtheme/rsg/templates/ </li>
</ul>
</li>
<li>Get Menu Function
<ul>
<li>Uses the Bootstrap Navwalker to get and display the menu created at the dashboard.</li>
<li>Function parameters are rsg_get_menu(String Menu slug, String Menu Name, ‘Menu Classname/s separated by space’)</li>
<li>Sample Code: echo rsg_get_menu(‘primary-menu’, ‘Main Menu Online’, ‘menu-class rsg-vertical-menu-popup’);</li>
</ul>
</li>
<li>Random String Generator
<ul>
<li>Can be used to generate random strings or characters.</li>
<li>Contents generated are lowercase or uppercase letters (A-Z | a-z), numbers (0-9), and special characters (dash, underscore, asterisk, and number sign).</li>
</ul>
</li>
<li>Back To Top Function
<ul>
<li>Adds a back to top button. Can be activated or deactivated</li>
</ul>
</li>
</ol>
</li>
<li>
<p>RSG Stylesheet Perks<br />
Designs can be overridden at your theme’s style.css.</p>
<ul>
<li>
<p>Button Class Names</p>
<ol>
<li>rsg-button_main (ex. < span class=”rsg-button_main”> Submit < /span > )</li>
<li>rsg-button_main and rsg-btn_white (ex. < button class=”rsg-button_main rsg-btn_white”> Submit < /button > )</li>
<li>rsg-button_main and rsg-btn_gray (ex. < a href=”#” class=”rsg-button_main rsg-btn_gray”> Submit < /a > )</li>
<li>rsg-button_1 (ex. < div class=”rsg-button_1″> Submit < /div > )</li>
<li>rsg-button_2</li>
<li>rsg-button_3<br />
Notes:<br />
Classnames can be used in any tags/elements(span, a, button, div, etc.).<br />
Copying the code from the examples given will not work. Remove the spaces between the tagnames and the < >.</li>
</ol>
</li>
<li>
<p>Display Class Names</p>
<ol>
<li>rsg-hide:        style=”display:none;”</li>
<li>rsg-block:       style=”display:block; width:100%; position:relative;”</li>
<li>rsg-iblock:  style=”display:inline-block; position:relative;”</li>
<li>rsg-itable:  style=”display:inline-table; position:relative;”</li>
<li>rsg-tcenter:     style=”text-align: center;”</li>
<li>rsg-tleft:       style=”text-align: left;”</li>
<li>rsg-tright:  style=”text-align: right;”</li>
</ol>
</li>
<li>
<p>Preloaders</p>
<ol>
<li>Code: < div class=”rsg-loading-container_white”>< div class=”rsg-loading”>< div class=”rsg-loading-in”>< div>< div>< div> </li>
<li>Code: < div class=”rsg-loading-container_black”>< div class=”rsg-loading”>< div class=”rsg-loading-in”>< div>< div>< div> </li>
<li>Activate a preloader from your dashboard. This is a preloader that shows while your website is loading. Once activated, this will appear automatically unlike the two above.<br />
Note: Decide on how these loaders will appear. </li>
</ol>
</li>
</ul>
</li>
<li>
<p>Incoming Features</p>
<ol>
<li>Fixed Top Navigation and different templates</li>
<li>Mobile Navigation</li>
<li>Login Modal Templates</li>
<li>Popup Menu Templates</li>
<li>Back to top button designs</li>
<li>Array of different countries with flag carousel shortcode</li>
<li>Preloader designs</li>
</ol>
</li>
<li>
<p>Requirements</p>
<ul>
<li>PHP 5.4 or higher</li>
<li>WordPress 4.8 or higher</li>
</ul>
</li>
</ul>


RSG Compiled Libraries

Includes common libraries used for development. It also comes with simple functions that are widely used on a website.

Slidy vs RSG Compiled Libraries