Akkord Slider

Beautiful jQuery Accordion Slider for WordPress


  • Elegant Horizontal Accordion Slider
    Elegant Horizontal Accordion Slider

    Elegant Horizontal Accordion Slider

    Akkord Slider is a classic WordPress Slider with each horizontal slide being an accordion of multiple slides. With an elegant and beautiful design, this slider will add an oomph factor to your website! TejaswiniJan 23, 2014Read more
  • Responsive
    Responsive

    Responsive

    Akkord Slider is by default a "Responsive" Slider supporting fluid structure i.e. it will adjust its dimesions according to screen size/container size. TejaswiniJan 23, 2014Read more
  • Fully Customizable through the Settings Panel
    Fully Customizable through the Settings Panel

    Fully Customizable through the Settings Panel

    Almost every element of the Slider is customizable, e.g. Slider maximum width & height, expanded image width, Navigation arrows, text, colors, meta information etc. TejaswiniJan 23, 2014Read more
  • Supports Google Fonts
    Supports Google Fonts

    Supports Google Fonts

    You can either choose from predefined set of fonts or enter any Google Font name in the Font value on Settings panel for Slide Title, Content and Meta Information. TejaswiniJan 23, 2014Read more
  • Add any type of Content to the Slider
    Add any type of Content to the Slider

    Add any type of Content to the Slider

    You can either add selected Posts/Pages/Media images/Custom Post Types to Akkord Slider, or you can show recent blog posts or a particular category specific posts in it by using either shortcodes or widgets or simple template tags. TejaswiniJan 23, 2014Read more
  • Touch Friendly
    Touch Friendly

    Touch Friendly

    Akkord Slider is touch devices friendly i.e. it supports swipe transitions on iPad, iPhone and Android touch screens TejaswiniJan 23, 2014Read more
  • Optimized, SEO friendly
    Optimized, SEO friendly

    Optimized, SEO friendly

    The code is well optimized and the Slider is SEO friendly i.e. readable by search engines. The slide titles are h4 elements and the content is in a normal div element. TejaswiniJan 23, 2014Read more
  • Multiple Sliders on a Single Page
    Multiple Sliders on a Single Page

    Multiple Sliders on a Single Page

    You can embed multiple Akkord Sliders on a single page i.e. two different category sliders, or a custom slider with ID 1 or 2 and a category slider or recent post slider, any combinations can be shown on the same page. TejaswiniJan 23, 2014Read more
  • Multiple Visible Slides
    Multiple Visible Slides

    Multiple Visible Slides

    The number of slides visible in one accordion can be set to as required e.g. instead of 4 visible slides in the accordion you can set it to 3 or 6 thru the Settings panel. TejaswiniJan 23, 2014Read more
  • Supports Modal Lightbox for Images
    Supports Modal Lightbox for Images

    Supports Modal Lightbox for Images

    You can choose to open the images in a modal lightbox when clicked, all the slider images will appear in a beautiful lightbox gallery form. TejaswiniJan 23, 2014Read more

Akkord Slider WordPress plugin allows to have a responsive jQuery accordion slider with different type of contents. With the beautiful design of pre-loaded skins, one can have images, videos and content slider in accordion format.

Demo 2

Lightbox effect in accordion slider

Demo 3

Change number of visible slides in accordion

Demo 4

YouTube, Vimeo videos in jQuery accordion slider

Akkord Slider WordPress plugin allows to have a responsive jQuery accordion slider with different type of contents. With the beautiful design of pre-loaded skins, one can have images, videos and content slider in accordion format.

Accordion slideshow looks amazing on homepage or inside content of posts or in sidebar with beautiful images. The best accordion slider is the one which doesn’t compromise with performance in delivering a stunning design. Akkord Slider loads very fast even if the accordion slider layout is having more than 20 images.

Akkord Slider on iPad

Akkord uses the fusion of accordion jQuery plugin named Kwicks and jQuery Cycle for amazing sliding effects. Because of these amazing JS files, we have provided full control of customization from the dedicated settings panel. No need to learn PHP, HTML, JS and CSS like programming languages. Advance users or developers can customize the slider to make the implementation look even better by changing the core code.

Features in Akkord – The Accordion Slider

Accordion Slider with Full Control

A stylish slideshow in accordion look is possible with Akkord. Through dedicated settings page, you can control each and every element of the slider. Set the number of slides appearing at a time. You can control and set sliding speed, effects, media image source, width/height, navigation arrows and many more options.

Full Responsive Design

Akkord Slider supports responsive design i.e. if you are using a responsive theme, you can choose to enable the “Responsive” option for Akkord Slider thru the settings panel.

Supports Google Fonts

You can either choose from predefined set of fonts or enter any Google Font name in the Font value on Settings panel for Slider Title, Slide Title and Content.

Add any type of Content to the Slider

You can either add selected Posts/Pages/Media images/Custom Post Types to Akkord Slider, or you can show recent blog posts or a particular category specific posts in it by using either shortcodes or widgets or simple template tags.

Touch Friendly

Akkord Slider is touch devices friendly i.e. it supports swipe transitions on iPad, iPhone and Android touch screens

Optimized, SEO friendly

The code is well optimized and the Slider is SEO friendly i.e. readable by search engines. The slide titles are h4 elements and the content is in a normal div element.

Multiple Sliders on a Single Page

You can embed multiple Akkord Sliders on a single page i.e. two diffrent category sliders, or a custom slider with ID 1 or 2 and a category slider or recent post slider, any combinations can be shown on the same page.

Multiple Visible Slides

The number of slides visible in the center can be set to as required e.g. instead of 1 slide in the center you can set it to any number thru the Settings panel.

Multiple Settings

The best thing is, you can create multiple settings as well, and while embedding the slider you can specify which setting you would need for a particular instance of slider.

Supports Lightbox effect for Images

You can specify to open the Slide images in Lightbox through the Akkord Slider Settings panel.

Link Slide to any URL

You can add ‘n’ number of images from the Media Library, give them a title and link them to required URL (say the link from your Sponsor) or if the image is of your own product, then you can link it to your product page.

Fully Customizable through the Settings Panel

Almost every element of the Slider is easily customizable, e.g. Slider width & height, Slide width & height, Navigation arrows and buttons, text & background colors etc.

Customizable Elements of the Slider

Akkord Slider Elements

Click on the image to enlarge it

The Slider will pause when the visitor will hover on it, otherwise it will keep on Sliding if Auto Sliding is enabled.

Type of Content that can be shown in the Slider

  1. You can add posts/pages or media images to the slider and embed this custom slider anywhere on your site. You can create multiple sliders with different post/pages/media images and embed them on different pages of your WordPress site. Just remember, on one page, you can embed only one Slider at a time. But different pages can have different Sliders.
  2. The Slider supports Custom Post types, which means you can easily add the Custom Post Types, say your eCommerce Products to the Slider
  3. You can display the Posts from any Category in Chronologically reverse order i.e. latest one first.
  4. You can display the Recent Posts of your WordPress blog in the Slider

Ways to embed the Slider on the WordPress Site

  1. Template Tags (3)
  2. Shortcodes (3)
  3. Widgets (3)

Please refer the Usage Guide for more details.

Installation

  1. Uzip the akkord-slider.zip folder.
  2. Upload  akkord-slider folder to /wp-content/plugins directory.
  3. In WordPress dashboard, head over to the Plugins section.
  4. Activate Akkord Slider.

Embed Options for Akkord Slider

Shortcodes
ShortcodesResult
[akkordrecent]To have a slider with recently published blog posts automatically appearing inside the slider, you just need to paste the shortcode inside the page or post content area where you want the slider to embed
[akkordslider]Manually add any post to the slider using Akkord Slider meta box available on edit post/page window. To embed a slider with those added posts/pages, use this shortcode.
[akkordcategory catg_slug="social-media"]Embed a slider with posts from specified category. For example, this shortcode will embed Akkord Slider with posts from category with permalink as ‘social-media’
[akkordslider set="3" id="2"]Get Slider ID from Sliders sub-page on dashboard, and setting ID from Settings sub-page. This shortcode will embed a custom slider with setting set 3 and will show slides of Slider ID 2
Template Tags

Like shortcodes, Akkord is also having similar template tags to embed the slider inside theme template files like page.php, index.php, home.php etc. Template Tags are PHP code which executes to call certain functions and show the slider at desired location. Get the template tags for Akkord Slider on our Knowledge Base page.

Widgets

Drag and Drop widgets are also available in Akkord Slider. It means, you can place the Akkord Sliders (recent posts, custom slider, category slider etc.) in widget ready areas eg. Sidebar by dropping the widget in Widgets window on dashboard. Multiple widgets should be visible on the Widgets page after activating the slider plugin. To read more about the ready widgets for Akkord Slider, please read the Widget Knowledge Base of Akkord Slider.

Settings and Admin Page of Akkord Slider

A Dedicated Settings page should appear on the dashboard after activating the plugin. Akkord Slider is having two sub-pages – Settings and Sliders. Settings page is to create multiple settings and customize the width, height, image pick preference and so many other elements of the slider. Almost 99% slider customization can be done from settings page only. It is also having a “Custom Styles” box where you can enter a custom CSS to override/change the final CSS of slider plugin.

Sliders page is to manage the added slides to the slider. You can create unlimited sliders and add unlimited slides to each of them. Using the parameter in shortcode or template tag, you can easily embed any slider by mentioning the slider ID.

 

Q. Is Akkord a Responsive Slider?

Yes, Akkord Slider is a responsive WordPress slider.

Q. I like to change the number of partial visible posts at a time in Akkord slider. Is it possible?

Yes, you can show any number of partially visible slides in the slider than the default 4 highlighted slide. Go to the Akkord Slider settings page ==< change the value in the field “Number of items visible in one set” and save the settings.

Q. I do not want the texts including Post Title, Content etc. overlaying on the slider. Is it possible to create image only slider with Akkord?

We have provided a single click option on settings page to make Akkord – an image only slider. Go to the settings page and check the box “Make pure image slider”, save the changes.

Q. My site is using WordPress Multisite (WPMU) network. Is Akkord work on MU sites?

Yes, Akkord Slider works perfectly fine on WPMU sites. You need to activate the Akkord Sider plugin individually on each site to let it work properly.

Q. Is Akkord Slider available for other CMS like Joomla?

No, Akkord Slider is currently available only for WordPress. We are planning to release the same for other CMS as well but currently we do not have any set deadline for the same.

Find more FAQs here

We understand the need of after sale support in a premium WordPress plugin. That’s why, we have designed a special SliderVilla Support Ninja Program consisting of some WordPress experts, core developer of SliderVilla Sliders (Tejaswini) and community members. We provide support for our product by different means including Exclusive Support Forum and Emails. Please find the details as below,
  • Support Forum and Email ETA – 12 hours
  • Instant Support for urgent requests
  • Free basic slider setup using remote access
  • Dedicated support team available 24X7
Support ForumSend an Email
Need Custom WordPress Slider Developed or Looking for Changes in SliderVilla Sliders? Contact us