building a resposive slider plugin for wordpress theme

Building A Responsive Slider Plugin ForWordPress Theme

By: Md. Sajedul Haque RomiCEO, CodeBANGLAemail.: romi@codebangla.comFacebook: fb.com/JonabROMI

Objectives

Select a jquery static slider Convert the slider into WP Plugin Use the Plugin in a WordPress Theme

The Resposive Slider

Slippry Sliderhttp://slippry.com/

File Stucture of the Slider

.

The Markups

The Plugin File Structure

.

Making the Plugin

<?php /* Plugin Name: WP Slippry Plugin URI: https://github.com/codebangla/wp-slippry Description: Slippry Silder for WordPress Author: Md. Sajedul Haque Romi Version: 1.0 Author URI: http://codebangla.com */ ?>

The Plugin is ready for installation

The plugin is ready to install

Enqueuing

<?phpdefine('CBWPS_PATH', WP_PLUGIN_URL . '/' .

plugin_basename( dirname(__FILE__) ) . '/' );define('EFS_NAME', "Slippry Silder");define ("EFS_VERSION", "1.0");wp_enqueue_style('WP_Slippry_demo_css',

CBWPS_PATH.'css/demo.css');wp_enqueue_style('WP_Slippry_css',

CBWPS_PATH.'css/slippry.css');

wp_enqueue_script('WP_Slippry_js', CBWPS_PATH.'js/slippry.min.js', array('jquery'));

?>

Hooking the Jquery

.

Making Custom Post Type

.

The Slider Markup

.

Template Tag for The Theme

.

Using the Slider Plugin in Theme

.

Adding the Slider

.

Yeah The Slider is Ready!

.

Plugin Download link

https://github.com/codebangla/wp-slippry-slider

Questions???

?????

Thank you

By: Md. Sajedul Haque Romi CEO, CodeBANGLA email.: romi@codebangla.com Facebook: fb.com/JonabROMI Skype: romi0199