Skip to content

closemarketing/frontblocks

Repository files navigation

=== FrontBlocks ===
Contributors: davidperez, sacrajaimez, alexbreagarcia, matiasquero, amulero, manoloramos
Tags: carrusel, slider, lightweight, generatepress
Donate link: https://close.marketing/go/donate/
Requires at least: 5.0
Tested up to: 6.6
Stable tag: 0.2.4
Version: 0.2.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Custom enhacements for front developing.

== Description ==

To start using the Carousel, add the frontblocks-carousel class to the element and then, include any of the following attributes:

Data Attributes for Carrousel:
- data-type: slider, carousel
slider - rewinds slider to the start/end when it reaches first or last slide,
carousel - changes slides without starting over when it reaches first or last slide.

- data-autoplay: 0 - time ms
- data-view: 1, 2, 3, 4, 5, 6
- data-buttons: bullets, arrows, none
- data-buttons-color: hex color
- data-buttons-background-color: hex color or transparent
- data-res-view: 1, 2, 3, 4, 5, 6

Data Attributes for Animation:
- data-frontblocks-animation: defines the animation class name that will be assigned to the element.

Animations:
Based on [Animate.css](https://animate.style/)

Attention seekers:
bounce, flash, pulse, rubberBand, shakeX, shakeY, headShake, swing, tada, wobble, jello, heartBeat

Back entrances:
backInDown, backInLeft, backInRight, backInUp

Back exits:
backOutDown, backOutLeft, backOutRight, backOutUp

Bouncing entrances:
bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp

Bouncing exits:
bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp

Fading entrances:
fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeInTopLeft, fadeInTopRight, fadeInBottomLeft, fadeInBottomRight

Fading exits:
fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, fadeOutTopLeft, fadeOutTopRight, fadeOutBottomRight, fadeOutBottomLeft

Flippers:
flip, flipInX, flipInY, flipOutX, flipOutY, Lightspeed, lightSpeedInRight, lightSpeedInLeft, lightSpeedOutRight, lightSpeedOutLeft

Rotating entrances:
rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight

Rotating exits:
rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight

Specials:
hinge, jackInTheBox, rollIn, rollOut

Zooming entrances: 
zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp

Zooming exits: 
zoomOut, zoomOutDown zoomOutLeft, zoomOutRight, zoomOutUp

Sliding entrances: 
slideInDown, slideInLeft, slideInRight, slideInUp, Sliding, exits slideOutDown, slideOutLeft, slideOutRight, slideOutUp

Others Plugins:
- [Closemarketing Plugins](https://profiles.wordpress.org/closemarketing/#content-plugins)

== Installation ==

Extract the zip file and just drop the contents in the wp-content/plugins/ directory of your
WordPress installation and then activate the Plugin from Plugins page.


== Developers ==
[Official Repository Github](https://github.com/closemarketing/frontblocks)

== Changelog ==
= 0.2.4 =
*   Fixed: Buttons not overlapping the carousel.
*   Added: New data attribute for carousel buttons color.
*   Added: Not show bullets in responsive view and more than 5 items.

= 0.2.3 =
*   Updated Glide autoplay value assignation.

= 0.2.2 =
*   Updated images.

= 0.2.1 =
*   New image for WordPress Plugin.

= 0.2.0 =
*   Created Animation feature.

= 0.1.0 =
*   Created Carousel/Slider class block.
*   First released.

== Links ==

*   [Closemarketing](https://close.marketing/)
*   [Close·Technology](https://close.technology/)