Plugin Files

Check File Integrity

Installing Plugin

This plugin should be installed as a normal WordPress would using WordPress Plugin Uploader.

WordPress Uploader

Flip Countdown

Flip Countdown

[jqflipcountdown
   showhour="true|false"
   showminute="true|false"
   showsecond="true|false"
   am="true|false"
   tzoneoffset="numeric"
   speedflip="numeric"
   period="numeric"
   autoupdate="true|false"
   startdate="yyyy-mm-ddThh:ss"
   size="xs|sm|md|lg"
]
Attributes Valid Value Description
showhour true or false Show or hide the hour element
showminute true or false Show or hide the minute element
showsecond true or false Show or hide the second element
am numeric set the timezone offset number. example GMT +3 = 3
tzoneoffset horizontal or vertical Flip the font vertically or horizontally
speedflip numeric in miliseconds the flipping animation speed
period numeric in miliseconds Flipping timer delay before recalculating
startdate date in the format of yyyy-mm-ddThh:ss the starting time for the flipping
size xs | sm | md | lg the size of the flipping element
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Flipster

Flipster

 [jqflipster
   class="some class"
   id="someid"
   categories="true|false"
   style="carousel|cover"
   start="delta|center"
   enablekeyboard="true|false"
   enablemousewheel="true|false"
   enabletouch="true|false"
   enablenav="true|false"
   enablenavbuttons="true|false"
]

   [jqflipcontent
     links="Link URL"
     image="image src url|attachment id"
     caption="String forcaption text"
     category="String for category"
   ]


[/jqflipster]
Attributes Valid Value Description
categories true or false build or not to build the categorized links
style carousel or cover choose between carousel mode or coverflow mode
start numeric or "center" string choose the children to be the starting element, "center" will auto detect the center of the element or use numeric value to manually choose the starting center of the element
enablekeyboard true or false enable navigation by keyboard arrows
enabletouch true or false enable navigation by dragging on tablet
enablenav true or false enable navigation dots
enablekeyboard true or false enable navigation by keyboard arrows
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Flipster Content

[jqflipcontent
    links="Link URL"
    image="image src url|attachment id"
    caption="String forcaption text"
    category="String for category"
]
Attributes Valid Value Description
links valid url string url to link the content to
image image source url or wordpress image attachment id the source of the content image
caption string of text the caption for the image content
category string of text the category for this content, this will be grouped and used to group the content if the parent element has categories attributes enabled
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Dial Knob

Dial (Knobs)

[jqknob
   width="xxxpx"
   displayinput="true|false"
   value="numeric"
   cursor="true|gauge"
   thickness="0.x"
   fgcolor="#xxxxxx"
   displayprevious="true|false"
   angleoffset="0 - 360"
   linecap="butt|round"
   anglearc="0 - 360"
   step="numeric"
   min="numeric"
   max="numeric"
   readonly="true|false"
   inputcolor="text color"
]
Attributes Valid Value Description
width numeric plus px eg. 100px the total width of the knob element in pixels
displayInput true or false display or hide the input elements
value numeric the actual value for the dial
cursor numeric or string "gauge" display mode "cursor", cursor size could be changed passing a numeric value to the option, default width is used when passing boolean value "true" | default=gauge.
thickness 0.1 - 1 the dial thickness as 1 is the thickest and 0.1 is the thinnest
fgcolor CSS Hex color value the dial color
displayprevious true or false display the previous value, only applicable if read only is set to false
angleoffset 0 - 360 starting angle in degrees | default=0.
linecap butt or round gauge stroke endings.
anglearc 0 - 360 arc size in degrees | default=360
step numeric step size
max numeric maximum value
min numeric minimum value
readonly true or false disable changing value
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Shuffled Letters

jQuery Shuffled Letters

[jqshuffleletter
   step="x"
   fps="x"]

  The shuffled text

[/jqshuffleletter]
Attributes Valid Value Description
step numeric the animation steps in miliseconds
fps numeric the frame per seconds for animation
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Slick Carousel

Slick Carousel Element

[wpcarousel
   class="someclass"
   id="someid"
   accessibility="true|false"
   autoplay="true|false"
   arrows="true|false"
   centermode="true|false"
   draggable="true|false"
   fade="true|false"
   pauseonhover="true|false"
   infinite="true|false"
   swipe="true|false"
   touchmove="true|false"
   vertical="true|false"
   cssease="ease|ease-in|ease-out|ease-in-out"
   easing="swing|easeInQuad|easeOutQuad|easeInOutQuad|easeInCubic|easeOutCubic|easeInOutCubic|..."
   lazyload="ondemand|progressive"
   autoplayspeed="Number in miliseconds"
   centerpadding="xxpx"
   slidestoshow="number"
   slidestoscroll="number"
   speed="number in miliseconds"
   touchthreshold="number"
 ]

   // For generic content
   [wpcarouselcontent]
     Some content here additional shortcodes is allowed
   [/wpcarouselcontent]

   // For testimonial
   [wptestimonial
     image="wp attachment id"
     name="string for name"
     position="string for position"]
       Some content for testimonial, additional shortcode inside this tag is allowed
   [/wptestimonial]

   // For client logo
   [wpclientlogo
     image="wp media attachment id"
     href="the url to link the image to"
   ]

[/wpcarousel]
Attributes Valid Value Description
autoplay true or false enable or disable the autoscrolling feature
arrows true or false display or hide the navigation arrow
centermode true or false enable the center is larger than other mode
draggable true or false mouse drag to scroll content
fade true or false use fading instead of sliding for animation
pauseonhover true or false pause the scrolling on mouse hover
infinite true or false display the previous value, only applicable if read only is set to false
swipe true or false swipe move to scroll the content
touchmove true or false touch to scroll the content
vertical true or false enable or disable the vertical scrolling mode
cssease ease or ease-in or ease-out or ease-in-out CSS3 Easing value
easing valid jQuery easing value define custom easing value for scrolling animation
lazyload ondemand or progressive lazy loading images
autoplayspeed number in miliseconds the autoplay pause time before scrolling again
centerpadding number + px example: 20px the padding size for the centered element
slidetoshow number the maximum number of slide to show at once in the frame
slidetoscroll number the number of slide to move on sliding action
speed number in miliseconds the sliding speed in miliseconds
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Slick Carousel Generic Content

[wpcarouselcontent]
   Some content here, additional shortcodes will be processed automatically.
[/wpcarouselcontent]

Slick Carousel Single Image Content

[wpcarouselimage
  image="wp media attachment id"
  href="the url to link the image to"
]
Attributes Valid Value Description
image Wordpress attachment id the image source for the carousel content.
href valid url the url to link the imate to.
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Slick Carousel Testimonial Content

[wptestimonial
   image="wp attachment id"
   name="string for name"
   position="string for position"]
     Some content for testimonial, additional shortcode inside this tag is allowed
[/wptestimonial]
Attributes Valid Value Description
image Wordpress attachment id the image source for the carousel content.
name string the testimonee name
position string the testimonee job position
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Contact Information

[wpcontactinfo
   class="someclass"
   id="someid"
   icon="Valid fontawesome icon class name without fa- prefix"
   label="String for contact label"
   separator="String for separator"
   text="String for contact text"
]
Attributes Valid Value Description
icon valid fontawesome class without fa- prefix The icon on the side of the text
label string The text for the label element
separator string The text separator. for example : ":"
text string The text for the contact info
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Share Links

Social Sharing Links

[wpsocialshare
   class="someclass"
   id="someid"
   google="true"
   linkedin="true"
   pinterest="true"
   facebook="true"
   twitter="true"
]
Attributes Valid Value Description
social network string valid url link to point to the social network
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Social Icon

Social Link Element

[wpsociallink
   class="someclass"
   id="someid"
   tumblr="Valid Url for link"
   facebook="Valid Url for link"
   google-plus="Valid Url for link"
   pinterest="Valid Url for link"
   linkedin="Valid Url for link"
   github="Valid Url for link"
   twitter="Valid Url for link"
   flickr="Valid Url for link"
   youtube="Valid Url for link"
   dribble="Valid Url for link"
   instagram="Valid Url for link"
   weibo="Valid Url for link"
]
Attributes Valid Value Description
social network string valid url link to point to the social network
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Counter Up

Counter Up

[jqcounterup
   counterup-time="numeric"
   counterup-delay="numeric"
 ]

 some number, float or int

 [/jqcounterup]
Attributes Valid Value Description
counterup-time numeric the total animation for counter up in miliseconds
counterup-delay numeric the time for animation delay before counter up begin in miliseconds
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Contact Info

Contact Information

[wpcontactinfo
   class="someclass"
   id="someid"
   icon="Valid fontawesome icon class name without fa- prefix"
   label="String for contact label"
   separator="String for separator"
   text="String for contact text"
]
Attributes Valid Value Description
icon valid fontawesome class without fa- prefix The icon on the side of the text
label string The text for the label element
separator string The text separator. for example : ":"
text string The text for the contact info
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Credits

Credits

Thank you for the plugins authors that made this theme possible

  • JavaScripts

    • jQuery Easing Plugin - George McGinley Smith
    • jQuery Flipcountdown - Chupurnov Valeriy
    • jQuery Flipster - Adrien Delessert
    • jQuery Slick Carousel - Ken Wheeler
    • jQuery Knob - Anthony Terrien
    • jQuery Shuffle Letter - Martin Angelov
    • jQuery Counter up - Benjamin Intal