{"id":75251,"date":"2024-02-11T08:00:00","date_gmt":"2024-02-11T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/2024\/02\/22\/frontblocks\/"},"modified":"2025-10-28T16:00:00","modified_gmt":"2025-10-28T16:00:00","slug":"frontblocks","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/frontblocks\/","title":{"rendered":"FrontBlocks for GeneratePress"},"content":{"rendered":"<p><strong>Carousel\/Slider for GenerateBlocks Grid<\/strong><br \/>\nWe have added options to the Gutenberg blocks that allow you to create a carousel or slider with the blocks you want.<\/p>\n<p>To start using the Carousel, go to the grid block and select the \u201cCarousel\u201d or \u201cSlider\u201d option in the \u201cFrontBlocks Grid Option\u201d section.<\/p>\n<p>Attributes for the Carousel\/Slider:<br \/>\n\u2013 Autoplay \u2013 automatically change the slides after a certain time in seconds.<br \/>\n\u2013 View \u2013 number of items to show in the carousel\/slider.<br \/>\n\u2013 Responsive View \u2013 number of items to show in the carousel\/slider in responsive view.<br \/>\n\u2013 Buttons \u2013 type of buttons to show in the carousel\/slider (bullets, arrows, none).<br \/>\n\u2013 Buttons Color \u2013 color of the buttons.<br \/>\n\u2013 Buttons Background Color \u2013 background color of the buttons (can be transparent).<\/p>\n<p><strong>Enhanced WordPress Native Gallery<\/strong><br \/>\nWe have added options to the native WordPress gallery that allow you to create a different layout as Grid or Masonry, and also make click to carousel with the images.<\/p>\n<p><strong>Animations for Blocks<\/strong><br \/>\nYou can add animations to the blocks you want. To do this, go to the block settings and select the \u201cFrontBlocks Animation Option\u201d section. There you will find a list of animations that you can apply to the block.<\/p>\n<p>Animations are based on <a href=\"https:\/\/animate.style\/\" rel=\"nofollow ugc\">Animate.css<\/a>.<\/p>\n<ul>\n<li>Attention seekers: bounce, flash, pulse, rubberBand, shakeX, shakeY, headShake, swing, tada, wobble, jello, heartBeat<\/li>\n<li>Back entrances: backInDown, backInLeft, backInRight, backInUp<\/li>\n<li>Back exits: backOutDown, backOutLeft, backOutRight, backOutUp<\/li>\n<li>Bouncing entrances: bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp<\/li>\n<li>Bouncing exits: bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp<\/li>\n<li>Fading entrances: fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeInTopLeft, fadeInTopRight, fadeInBottomLeft, fadeInBottomRight<\/li>\n<li>Fading exits: fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, fadeOutTopLeft, fadeOutTopRight, fadeOutBottomRight, fadeOutBottomLeft<\/li>\n<li>Flippers: flip, flipInX, flipInY, flipOutX, flipOutY, Lightspeed, lightSpeedInRight, lightSpeedInLeft, lightSpeedOutRight, lightSpeedOutLeft<\/li>\n<li>Rotating entrances: rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight<\/li>\n<li>Rotating exits: rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight<\/li>\n<li>Specials: hinge, jackInTheBox, rollIn, rollOut<\/li>\n<li>Zooming entrances: zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp<\/li>\n<li>Zooming exits: zoomOut, zoomOutDown zoomOutLeft, zoomOutRight, zoomOutUp<\/li>\n<li>Sliding entrances: slideInDown, slideInLeft, slideInRight, slideInUp, Sliding, exits slideOutDown, slideOutLeft, slideOutRight, slideOutUp<\/li>\n<\/ul>\n<p><strong>Sticky option for Grid block:<\/strong><br \/>\nSticky option allows you to make the Grid block stick to the top of the viewport when scrolling down. To use this feature, you will have the option in Grid block settings to enable the \u201cSticky\u201d option. When enabled, the Grid block will remain fixed at the top of the viewport as you scroll down the page.<\/p>\n<p><strong>Insert Post Block:<\/strong><br \/>\nDisplay content from other posts, pages, or custom post types. Search and select any published content to display its title as H2 and full content. Perfect for creating dynamic content sections without duplicating content.<\/p>\n<p><strong>Decoration for Headline block:<\/strong><br \/>\nAdd a decorative line to the Headline block. You can choose between a vertical line on the right or a horizontal line on the right.<\/p>\n<p><strong>Product Categories block:<\/strong><br \/>\nDisplay product categories from WooCommerce. You can choose the number of categories to display, the order by, and the order. You can also choose to hide empty categories. You can also choose the columns to display the categories. You can also choose the background color, border color, border width, border radius, text color, hover background color, hover border color, and hover text color.<\/p>\n<p><strong>Counter Block:<\/strong><br \/>\nDisplay a counter with a start value, end value, and a duration. The counter will increment from the start value to the end value in the duration.<\/p>\n<p><strong>Decoration for Headline block:<\/strong><br \/>\nAdd a decorative line to the Headline block. You can choose between a vertical line on the right or a horizontal line on the right.<\/p>\n<p><strong>Testimonials:<\/strong><br \/>\nDisplay testimonials from other posts, pages, or custom post types. Search and select any published content to display its title as H2 and full content. Perfect for creating dynamic content sections without duplicating content.<\/p>\n<p>Shortcode: [frontblocks_testimonials_carousel]<\/p>\n<p><strong>Reading Time block:<\/strong><br \/>\nDisplay the reading time of a post. You can choose the number of words per minute to calculate the reading time.<br \/>\nShortcode: [frontblocks_reading_time]<\/p>\n<p><strong>WooCommerce Features:<\/strong><br \/>\nIncluded features for WooCommerce FrontBlocks PRO.<\/p>\n<p><strong>FrontBlocks PRO:<\/strong><br \/>\nFrontBlocks PRO is a premium plugin that extends the functionality of FrontBlocks. It includes additional features and improvements over the free version.<\/p>\n<p>More information in the <a href=\"https:\/\/close.technology\/wordpress-plugins\/front-blocks-pro\/?ref=WordPressPlugin\" rel=\"nofollow ugc\">FrontBlocks PRO<\/a> page.<\/p>\n<p>Others Plugins:<br \/>\n\u2013 <a href=\"https:\/\/profiles.wordpress.org\/closemarketing\/#content-plugins\" rel=\"nofollow ugc\">Closemarketing Plugins<\/a><\/p>\n<h3>Developers<\/h3>\n<p><a href=\"https:\/\/github.com\/closemarketing\/frontblocks\" rel=\"nofollow ugc\">Official Repository Github<\/a><\/p>\n<h3>Links<\/h3>\n<ul>\n<li><a href=\"https:\/\/close.marketing\/\" rel=\"nofollow ugc\">Closemarketing<\/a><\/li>\n<li><a href=\"https:\/\/close.technology\/\" rel=\"nofollow ugc\">Close\u00b7Technology<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Extends GeneratePress with carousel, slider, animations, sticky column, and insert post functionality.<\/p>\n","protected":false},"author":65,"featured_media":281520,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"FrontBlocks for GeneratePress - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Extends GeneratePress with carousel, slider, animations, sticky column, and insert post functionality."},"footnotes":""},"categories":[1],"tags":[22788,22789,1995,271],"class_list":["post-75251","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-carrusel","tag-generatepress","tag-lightweight","tag-slider"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/75251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=75251"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/75251\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/281520"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=75251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=75251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=75251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}