Code Monkey home page Code Monkey logo

splide-slider's Introduction

IN DEVELOPMENT BUT WORKS

enter image description here

splider-slider

Is WordPress plugin for SplideJS

motivation

you know, making wordpress fast is hard sometimes. we can create custom sliders without bullshit for a "real" dynamic slider. but, it's not easy for somebody. in this position, i've tried that create an alternative slider for wordpress for that. i've used SplideJS and i like it really. i hope you like it too.

features

look SplideJS documentation for that.

usage

  • you must define a class if you want to use multiple slider in same page.
  • this plugin is working with shortcodes. so, you need to use our shortcode for displaying slider in your website. slider's shortcode is [g_slider] .
  • slider has custom parameters for customizations. for filtering categories, you need to find them ids and use it like that: [g_slider category="1,2,3,4"] . category parameter is using "category__and" parameter in get_posts function. so, your content will be filtered in "both of" these categories. if you type one category, slider will display contents in one category, of course.
  • other parameters are SplideJS's parameters. look at that documentation and feel free to try.
  • an example shortcode with SplideJS's parameters is something like that; [g_slider category="2" autoplay="true" perpage=3 permove=2 lazyload="true" direction="ttb"]
  • if you want to use default slider, use shortcode without parameters like that; [g_slider category="2"]

last words

for making plugin fast, i don't use an external css file for that. all css code is in shortcode.php. i wrote them all inline.

splide-slider's People

Contributors

fers4t avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.