| @@ -1,75 +1,225 @@ | ||
| 1 | -=== bBlocks – Turn Gutenberg into a Full Page Builder === | |
| 1 | +=== bBlocks – Essential Gutenberg Blocks & Patterns Collection === | |
| 2 | 2 | Contributors: bplugins, abuhayat, charlescormier, muradwahid, adnankhan7792, freemius |
| 3 | +Donate link: https://www.buymeacoffee.com/abuhayat | |
| 3 | 4 | Tags: block, editor, gutenberg blocks, page builder, gutenberg page builder |
| 4 | -Tested up to: 6.9 | |
| 5 | -Stable tag: 2.0.43 | |
| 5 | +Requires at least: 6.7 | |
| 6 | +Tested up to: 7.1 | |
| 7 | +Stable tag: 2.1.7 | |
| 6 | 8 | Requires PHP: 7.2 |
| 7 | -Requires at least: 6.5+ | |
| 8 | -Donate link: https://www.buymeacoffee.com/abuhayat | |
| 9 | 9 | License: GPLv3 or later |
| 10 | -License URI: http://www.gnu.org/licenses/gpl-3.0.html | |
| 10 | +License URI: https://www.gnu.org/licenses/gpl-3.0.html | |
| 11 | 11 | |
| 12 | -60+ Gutenberg blocks, patterns, and templates that turn the WordPress block editor into a fast, lightweight page builder – sliders, posts, countdowns. | |
| 12 | +bBlocks enhances the Gutenberg editor with over 80 custom blocks for layout, content, and design, turning it into a powerful WordPress page builder | |
| 13 | 13 | |
| 14 | 14 | == Description == |
| 15 | +**bBlocks – Advanced Gutenberg Blocks Plugin to Extend the WordPress Block Editor with Page Builder Features, 80+ Customizable Blocks, Layout Controls, Animations, Sliders, Countdowns, and More** | |
| 15 | 16 | |
| 16 | -**Build complete pages – sliders, post grids, countdowns, pricing tables, and more – right inside Gutenberg, without a bulky page builder.** | |
| 17 | 17 | |
| 18 | 18 | [**bBlocks**](https://bblockswp.com/) | [**Documentation**](https://bblockswp.com/docs/) | [**Pricing**](https://bblockswp.com/pricing) | [**Support**](https://bplugins.com/support/) | [**Demo**](https://bblockswp.com/#demos) |
| 19 | 19 | |
| 20 | 20 | https://www.youtube.com/watch?v=Ml4UehEwI-s |
| 21 | 21 | |
| 22 | -### Why bBlocks? | |
| 22 | +[**bBlocks**](https://bblockswp.com/) is a lightweight and flexible Gutenberg plugin that transforms the native block editor into a powerful page builder for WordPress. Designed with performance and usability in mind, bBlocks extends the capabilities of core blocks by adding 80+ custom elements, pre-built Gutenberg templates, and flexible layout options—all without the need for bulky third-party tools. | |
| 23 | 23 | |
| 24 | -The native block editor is fast, but it runs out of blocks quickly. **bBlocks** extends Gutenberg with 60+ custom blocks, pre-built templates, and flexible layout options – so you can build landing pages, blog layouts, portfolios, and full websites without switching to a heavy third-party page builder. | |
| 24 | +Whether you're building a landing page, blog layout, portfolio, or full website, bBlocks helps you design faster using customizable blocks, reusable patterns, and layout-ready components. It’s an ideal page builder for Gutenberg users who want more control while keeping their sites fast and efficient. | |
| 25 | 25 | |
| 26 | -Designed with performance in mind, bBlocks loads minimal CSS and JavaScript, works alongside core blocks, and gives you fine-grained control over typography, spacing, colors, and visibility on every block. Combine blocks into reusable patterns for consistent, site-wide layouts. | |
| 27 | 26 | |
| 28 | -Whether you're a blogger, freelancer, agency, or developer, bBlocks keeps you inside the editor you already know – and makes it powerful enough to design anything. | |
| 27 | +## Key Features – Free Version | |
| 28 | +- **80+ Custom Blocks**: Enhance your content with blocks for Posts, Sliders, Buttons, Countdowns, Cards, Charts, and more. | |
| 29 | 29 | |
| 30 | -### Free Features – Everything You Need to Get Started | |
| 30 | +- **Advanced Block Customization**: Adjust typography, spacing, color, and visibility. Fine-tune every block to match your brand identity. | |
| 31 | 31 | |
| 32 | -- **60+ Custom Blocks:** Posts, Sliders, Buttons, Countdowns, Cards, Charts, Tables, Forms, and many more. | |
| 33 | -- **Advanced Block Customization:** Adjust typography, spacing, color, and visibility to match your brand. | |
| 34 | -- **Pre-Designed Layouts & Templates:** Many blocks include layout presets and a Gutenberg template library for faster page creation. | |
| 35 | -- **Custom Icon Library:** Font Awesome, Bootstrap, and custom icons to personalize your designs. | |
| 36 | -- **Google Fonts Support:** Use any Google Font directly within the block typography settings. | |
| 37 | -- **Performance-Optimized:** Minimal CSS and JS, and assets load only where blocks are present. | |
| 38 | -- **Reusable Patterns:** Combine blocks into patterns for consistent, site-wide layouts. | |
| 32 | +- **Pre-Designed Layouts & Themes**: Many blocks include layout presets and Gutenberg templates for faster page creation. | |
| 39 | 33 | |
| 40 | -### Available Blocks | |
| 34 | +- **Custom Icon Library**: Access a wide range of icons, including Font Awesome and Bootstrap, to personalize your designs. | |
| 41 | 35 | |
| 42 | -bBlocks adds over 60 blocks under the "bBlocks" category in the editor. Highlights include: | |
| 36 | +- **Google Fonts Support**: Use any Google Font directly within the block typography settings. | |
| 43 | 37 | |
| 44 | -- **Layout:** [Row Columns](https://bblockswp.com/blocks/row-columns/), [Container](https://bblockswp.com/blocks/container/), [Section Heading](https://bblockswp.com/blocks/section-heading/), [Shape Divider](https://bblockswp.com/blocks/shape-divider/), [bBlocks Navigation](https://bblockswp.com/blocks/bblocks-navigation/), Breadcrumb | |
| 45 | -- **Media:** [Advanced Image](https://bblockswp.com/blocks/advanced-image/), [Image Gallery](https://bblockswp.com/blocks/image-gallery/), [Image Comparison](https://bblockswp.com/blocks/image-comparison/), [GIF Image](https://bblockswp.com/blocks/gift-image/), [Video](https://bblockswp.com/blocks/video/), [Lottie Player](https://bblockswp.com/blocks/lottie-player/), [3D Viewer](https://bblockswp.com/blocks/3d-viewer/), [Image Hotspot](https://bblockswp.com/blocks/image-hotspot/), [Image Scroller](https://bblockswp.com/blocks/image-scroller/) | |
| 46 | -- **Sliders & Motion:** [Slider](https://bblockswp.com/blocks/slider/), [Carousel](https://bblockswp.com/blocks/carousel/), [Logo Slider](https://bblockswp.com/blocks/logo-slider/), [Flip Boxes](https://bblockswp.com/blocks/flip-box/), [Animated Text](https://bblockswp.com/blocks/animated-text/), [SVG Draw](https://bblockswp.com/blocks/svg-draw/), [Text Path](https://bblockswp.com/blocks/text-path/), [Stacked Cards](https://bblockswp.com/blocks/stacked-cards/), [Content Ticker](https://bblockswp.com/blocks/content-ticker/), [News Ticker](https://bblockswp.com/blocks/news-ticker/) | |
| 47 | -- **Content:** [Accordion](https://bblockswp.com/blocks/accordion-block/), [Advanced Tabs](https://bblockswp.com/blocks/advanced-tabs/), [List](https://bblockswp.com/blocks/list/), Table, [Table Of Content](https://bblockswp.com/blocks/table-of-content/), [Toggle Content](https://bblockswp.com/blocks/toggle-content/), [HTML](https://bblockswp.com/blocks/html/), [Dual Color Heading](https://bblockswp.com/blocks/dual-color-heading/), [Emoji Stack Separator](https://bblockswp.com/blocks/emoji-stack-separator/) | |
| 48 | -- **Marketing:** [Countdown](https://bblockswp.com/blocks/countdown/), [Counters](https://bblockswp.com/blocks/counters/), [Alert](https://bblockswp.com/blocks/alert/), [Button](https://bblockswp.com/blocks/button/), [Button Group](https://bblockswp.com/blocks/button-group/), [Pricing Table](https://bblockswp.com/blocks/pricing-table/), [Price Lists](https://bblockswp.com/blocks/price-lists/), [QR Code](https://bblockswp.com/blocks/qr-code/), [Mail To](https://bblockswp.com/blocks/mail-to/), [Social Share](https://bblockswp.com/blocks/social-share/), [Star Rating](https://bblockswp.com/blocks/star-rating/) | |
| 49 | -- **Business:** [Posts](https://bblockswp.com/blocks/posts/), [Chart](https://bblockswp.com/blocks/chart/), [Services](https://bblockswp.com/blocks/services/), [Team Members](https://bblockswp.com/blocks/team-member/), [Cards](https://bblockswp.com/blocks/cards/), [Icon Box](https://bblockswp.com/blocks/icon-box/), [Feature Boxes](https://bblockswp.com/blocks/feature-boxes/), [Info Box](https://bblockswp.com/blocks/info-box/), [Testimonials](https://bblockswp.com/blocks/testimonial/), [Skill Bar](https://bblockswp.com/blocks/skill-bar/), [Form](https://bblockswp.com/blocks/form/) | |
| 50 | -- **Social & Utility:** [Facebook Page](https://bblockswp.com/blocks/facebook-page/), [Facebook Embed](https://bblockswp.com/blocks/facebook-embed/), [Scroll To Top](https://bblockswp.com/blocks/scroll-to-top/) | |
| 38 | +- **Performance-Optimized**: Minimal CSS and JS ensures faster loading and better compatibility with default blocks and themes. | |
| 51 | 39 | |
| 52 | -### Pro Version – Unlock Advanced Block Controls | |
| 40 | +- **Reusable Patterns**: Combine blocks into reusable patterns for consistent, site-wide layouts. | |
| 53 | 41 | |
| 54 | -Upgrade to [**bBlocks Pro**](https://bblockswp.com/pricing) to supercharge key blocks with advanced layout settings, styling controls, device visibility options, and interactive enhancements. | |
| 42 | +## Pro Features – Unlock Advanced Block Controls | |
| 55 | 43 | |
| 56 | -**Pro features include:** | |
| 44 | +Upgrade to [**bBlocks Pro**](https://bblockswp.com/pricing) for advanced layouts, styling controls, device visibility, and interactive options on your most-used Gutenberg blocks. | |
| 57 | 45 | |
| 58 | -- **Posts Block:** More grid, list, and ticker layouts, tag and custom taxonomy filters, post offset, include/exclude by ID, custom pagination, element sorting, reading time, custom image sizes, shortcode support, and a `b_blocks_posts_query` filter hook. | |
| 59 | -- **Countdown Block:** Post-expiration message or layout, hide at zero, device visibility, styled prefix/suffix, per-unit box styling, dismiss button, extra patterns, and shortcode support. | |
| 60 | -- **Slider Block:** Cube, Coverflow, Flip, and Card effects, autoplay tweaks, free mode, keyboard and mousewheel navigation, device-specific navigation/pagination, and shortcode support. | |
| 61 | -- **Image Comparison Block:** Label positioning, custom line shape and size, auto-slide with speed control, hover/click move, and full line and handler styling. | |
| 62 | -- **Button Block:** Popup actions with image, video, audio, iframe, block, or document content, popup password protection or login requirement, tooltips, device visibility, and advanced rel/referrer attributes. | |
| 63 | -- **Lottie Player Block:** Hover triggers, animation modes, direction and loop count, speed and interval controls, interactivity rules, and styled captions. | |
| 46 | +### Posts Block Pro | |
| 47 | +Extra grid, list, and ticker layouts, pages as posts, tag and custom taxonomy filters, post offset, include/exclude by ID, exclude current post, numbered pagination, element sorting, taxonomies and custom icons in post meta, reading time, excerpt from content, custom featured image sizes, read more positioning, shortcode support, and the `b_blocks_posts_query` filter hook. | |
| 64 | 48 | |
| 49 | +### Countdown Block Pro | |
| 50 | +Post-expiration message or layout, hide at zero, dismiss button, prefix and suffix text or buttons with direction control, per-unit box styling for digits and labels, device visibility for mobile and tablet, extra countdown patterns, and shortcode support. | |
| 51 | + | |
| 52 | +### Slider Block Pro | |
| 53 | +Cube, Coverflow, Flip, and Card effects, free mode with sticky slides, slide borders, autoplay delay, reverse and stop-on-last-slide, pause on hover, keyboard and mousewheel navigation, device-specific navigation and pagination, wrapper styling, and shortcode support. | |
| 54 | + | |
| 55 | +### Image Comparison Block Pro | |
| 56 | +Label positioning, custom divider line shape, size, and color, styled handler and icon colors, auto-slide with speed control, and move on hover or click with stop on hover. | |
| 57 | + | |
| 58 | +### Button Block Pro | |
| 59 | +Link or popup actions, popups for images, video, audio, iframes, block content, and documents (.pdf, .doc, .xlsx), password or login protected popups, rel and referrer attributes, custom download file names, icon positioning, tooltip placement, and device visibility. | |
| 60 | + | |
| 61 | +### Lottie Player Block Pro | |
| 62 | +Upload Lottie JSON files from the media library, hover triggers, bounce or normal modes, direction and loop count, speed and autoplay interval, interactivity rules, open links in a new tab, and full caption typography, spacing, and color controls. | |
| 63 | + | |
| 65 | 64 | [**Try the Pro Version**](https://bblockswp.com/pricing) – Unlock all premium features today! |
| 66 | 65 | |
| 67 | -### How to Use bBlocks – Quick Start | |
| 68 | 66 | |
| 67 | +## Available Blocks | |
| 68 | +bBlocks adds over 80+ custom blocks to your Gutenberg block editor, designed to extend the functionality of core blocks and help you build engaging layouts with ease. Below is a list of all available blocks, each offering intuitive controls and flexible design options: | |
| 69 | + | |
| 70 | +- [**Row Columns**](https://bblockswp.com/blocks/row-columns/): Create responsive multi-column layouts with flexible width, spacing, and alignment options. Ideal for building custom grid structures. | |
| 71 | + | |
| 72 | +- [**Container**](https://bblockswp.com/blocks/container/): Group multiple blocks into a single styled section. Add background color, borders, padding, and other visual adjustments. | |
| 73 | + | |
| 74 | +- [**Section Heading**](https://bblockswp.com/blocks/section-heading/): Add a styled section title with optional separator and description. Easily toggle the visibility of each element. | |
| 75 | + | |
| 76 | +- [**Shape Divider**](https://bblockswp.com/blocks/shape-divider/): Add decorative shape dividers between sections for smooth visual transitions. | |
| 77 | + | |
| 78 | +- [**Advanced Image**](https://bblockswp.com/blocks/advanced-image/): Display a custom image or dynamic post featured image with advanced styling options like hover effects, borders, and overlays. | |
| 79 | + | |
| 80 | +- [**Accordion Block**](https://bblockswp.com/blocks/accordion-block/): Create collapsible sections with custom titles and content. Perfect for FAQs, accordions, or collapsible content. | |
| 81 | + | |
| 82 | +- [**Advanced Tabs**](https://bblockswp.com/blocks/advanced-tabs/): Add multiple tabs with custom titles and content. Perfect for creating tabbed content sections. | |
| 83 | + | |
| 84 | +- **Breadcrumb**: Add a breadcrumb navigation to your site to help users navigate back to previous pages. | |
| 85 | + | |
| 86 | +- [**Video**](https://bblockswp.com/blocks/video/): Embed self-hosted or external video content in a beautifully designed video player with optional poster image and controls. | |
| 87 | + | |
| 88 | +- [**GIF Image**](https://bblockswp.com/blocks/gift-image/): Upload and showcase animated GIFs to add dynamic visuals to your content. | |
| 89 | + | |
| 90 | +- [**Image Gallery**](https://bblockswp.com/blocks/image-gallery/): Display a collection of images in a stylish, responsive gallery layout. Great for portfolios or product showcases. | |
| 91 | + | |
| 92 | +- [**Image Comparison**](https://bblockswp.com/blocks/image-comparison/): Visually compare two images with a draggable slider. Perfect for before/after effects. | |
| 93 | + | |
| 94 | +- [**Image Slider**](https://bblockswp.com/blocks/image-slider/): Image carousel with thumbnail navigation, captions, autoplay, lightbox, and touch swipe. | |
| 95 | + | |
| 96 | +- [**Lottie Player**](https://bblockswp.com/blocks/lottie-player/): Embed lightweight, interactive animations using Lottie JSON files. Supports autoplay, hover triggers, and speed control. | |
| 97 | + | |
| 98 | +- [**List**](https://bblockswp.com/blocks/list/): Display a list of items with custom markers, icons, and styles. | |
| 99 | + | |
| 100 | +- [**3D Viewer**](https://bblockswp.com/blocks/3d-viewer/): Display 3D model files directly on your page with rotation, zoom, and full interaction support. | |
| 101 | + | |
| 102 | +- [**Slider**](https://bblockswp.com/blocks/slider/): Create responsive image or content sliders with pagination, navigation, and animation effects. | |
| 103 | + | |
| 104 | +- [**Flip Boxes**](https://bblockswp.com/blocks/flip-box/): Add interactive flip cards with front and back content, ideal for showcasing features or team members with engaging motion. | |
| 105 | + | |
| 106 | +- [**Carousel**](https://bblockswp.com/blocks/carousel/): Modern carousel for showcasing content. Supports unlimited slides with complete block flexibility inside. | |
| 107 | + | |
| 108 | +- [**Form**](https://bblockswp.com/blocks/form/):Create Beautiful and Professional Login and Register Forms. | |
| 109 | + | |
| 110 | +- [**Countdown**](https://bblockswp.com/blocks/countdown/): Display a live countdown timer for events, sales, or launches with custom styling and behavior options. | |
| 111 | + | |
| 112 | +- [**Counters**](https://bblockswp.com/blocks/counters/): Show animated numeric counters to highlight statistics, milestones, or achievements. | |
| 113 | + | |
| 114 | +- [**Alert**](https://bblockswp.com/blocks/alert/): Display styled notification boxes to inform, warn, or alert users. Supports different message types and icons. | |
| 115 | + | |
| 116 | +- **Blockquote**: Styled pull-quote with accent bar, quote mark, and author details. | |
| 117 | + | |
| 118 | +- [**Button**](https://bblockswp.com/blocks/button/): Add multi-functional buttons like go to a link, open a popup with various content types, etc. | |
| 119 | + | |
| 120 | +- [**Button Group**](https://bblockswp.com/blocks/button-group/): Place two or more action buttons side by side. Useful for calls-to-action like “Learn More” and “Buy Now”. | |
| 121 | + | |
| 122 | +- [**Animated Text**](https://bblockswp.com/blocks/animated-text/): Make text stand out with typing effects, text shuffles, and other animated styles. | |
| 123 | + | |
| 124 | +- [**Icon Box**](https://bblockswp.com/blocks/icon-box/): Combine icons with titles and descriptions in customizable layouts. Choose from Font Awesome, Bootstrap, or custom icons. | |
| 125 | + | |
| 126 | +- [**Feature Boxes**](https://bblockswp.com/blocks/feature-boxes/): Highlight features or services using an icon/image, title, separator, and supporting text. | |
| 127 | + | |
| 128 | +- [**Info Box**](https://bblockswp.com/blocks/info-box/): Share additional information or tips inside a clean, styled content block. | |
| 129 | + | |
| 130 | +- [**Pricing Table**](https://bblockswp.com/blocks/pricing-table/): Build pricing plans with features, pricing, and call-to-action buttons, perfect for product or service pages. | |
| 131 | + | |
| 132 | +- [**Price Lists**](https://bblockswp.com/blocks/price-lists/): Display menu items or pricing options with images, titles, descriptions, and prices. | |
| 133 | + | |
| 134 | +- [**Posts**](https://bblockswp.com/blocks/posts/): Display your latest posts or custom post types in grid or masonry layouts with filtering, pagination, and excerpt controls. | |
| 135 | + | |
| 136 | +- [**Chart**](https://bblockswp.com/blocks/chart/): Visualize data using bar, line, or pie charts. Fully responsive and customizable for infographics or analytics. | |
| 137 | + | |
| 138 | +- [**QR Code**](https://bblockswp.com/blocks/qr-code/): Generate a QR code from any URL or text input. Useful for offline promotions and instant access links. | |
| 139 | + | |
| 140 | +- [**Mail To**](https://bblockswp.com/blocks/mail-to/): Add a one-click email action that opens the user’s mail app (Gmail, Outlook, Yahoo, etc.) prefilled with your address. | |
| 141 | + | |
| 142 | +- [**Social Share**](https://bblockswp.com/blocks/social-share/): Enable sharing of your content across social media platforms and messaging apps with styled buttons. | |
| 143 | + | |
| 144 | +- [**Star Rating**](https://bblockswp.com/blocks/star-rating/): Display customer reviews or feedback with an interactive star rating block. | |
| 145 | + | |
| 146 | +- [**Services**](https://bblockswp.com/blocks/services/): Present your service offerings in a structured layout with icon, title, and description. | |
| 147 | + | |
| 148 | +- [**Team Members**](https://bblockswp.com/blocks/team-member/): Introduce your team with member profiles including photo, name, title, bio, and social links. | |
| 149 | + | |
| 150 | +- [**Cards**](https://bblockswp.com/blocks/cards/): Create content cards that combine an image, heading, description, and footer, perfect for features or blog highlights. | |
| 151 | + | |
| 152 | +- [**bBlocks Navigation**](https://bblockswp.com/blocks/bblocks-navigation/): Add a custom navigation menu inside your page layout for a better user experience and in-page linking. | |
| 153 | + | |
| 154 | +- [**Facebook Page**](https://bblockswp.com/blocks/facebook-page/): Display your Facebook page feed in a styled block. | |
| 155 | + | |
| 156 | +- [**Facebook Embed**](https://bblockswp.com/blocks/facebook-embed/): Embed any Facebook post or video in your content. | |
| 157 | + | |
| 158 | +- [**Logo Slider**](https://bblockswp.com/blocks/logo-slider/): Create a responsive logo slider for your brand or partner logos. | |
| 159 | + | |
| 160 | +- **Stat Cards**: Responsive stat grid with big numbers, labels, and trend badges. | |
| 161 | + | |
| 162 | +- **Article Card**: Article preview card with image, badge, excerpt, and CTA button. | |
| 163 | + | |
| 164 | +- [**Image Hotspot**](https://bblockswp.com/blocks/image-hotspot/): Add interactive hotspots to your images with custom tooltips and links. | |
| 165 | + | |
| 166 | +- [**Content Ticker**](https://bblockswp.com/blocks/content-ticker/): Display a scrolling list of content items with custom styling and behavior options. | |
| 167 | + | |
| 168 | +- [**Dual Color Heading**](https://bblockswp.com/blocks/dual-color-heading/): Add a styled heading with a dual-color gradient effect. | |
| 169 | + | |
| 170 | +- [**Emoji Stack Separator**](https://bblockswp.com/blocks/emoji-stack-separator/): Add a styled separator with a stack of emojis. | |
| 171 | + | |
| 172 | +- [**HTML**](https://bblockswp.com/blocks/html/): Add custom HTML code to your page or post. | |
| 173 | + | |
| 174 | +- [**Image Scroller**](https://bblockswp.com/blocks/image-scroller/): Create a responsive image scroller with custom styling and behavior options. | |
| 175 | + | |
| 176 | +- [**News Ticker**](https://bblockswp.com/blocks/news-ticker/): Display a scrolling list of news items with custom styling and behavior options. | |
| 177 | + | |
| 178 | +- [**SVG Draw**](https://bblockswp.com/blocks/svg-draw/): Add a styled SVG draw animation to your page or post. | |
| 179 | + | |
| 180 | +- [**Stacked Cards**](https://bblockswp.com/blocks/stacked-cards/): Layered card stack that stays sticky while visitors scroll. | |
| 181 | + | |
| 182 | +- [**Skill Bar**](https://bblockswp.com/blocks/skill-bar/): Add a styled skill bar with custom styling and behavior options. | |
| 183 | + | |
| 184 | +- [**Table Of Content**](https://bblockswp.com/blocks/table-of-content/): Add a styled table of contents with custom styling and behavior options. | |
| 185 | + | |
| 186 | +- [**Testimonials**](https://bblockswp.com/blocks/testimonial/): Display a scrolling list of testimonials with custom styling and behavior options. | |
| 187 | + | |
| 188 | +- [**Scroll To Top**](https://bblockswp.com/blocks/scroll-to-top/): Enhance user experience with a fully customizable Scroll To Top button for smooth navigation. | |
| 189 | + | |
| 190 | +- [**Text Path**](https://bblockswp.com/blocks/text-path/): Craft eye-catching text paths with interactive visual effects. | |
| 191 | + | |
| 192 | +- [**Toggle Content**](https://bblockswp.com/blocks/toggle-content/): A clean toggle switch lets users click to switch between two content sections below the heading. | |
| 193 | + | |
| 194 | +- **Process Steps**: Numbered "How It Works" steps in grid or stack layouts. | |
| 195 | + | |
| 196 | +- **Media & Text Section**: Pair an image or video with a responsive content panel. | |
| 197 | + | |
| 198 | +- **Event Card**: Announce events with date, location, ticket CTA, and schema.org markup. | |
| 199 | + | |
| 200 | +- **Key Takeaways**: Article summary card listing key points as checkmarks, numbers, or bullets. | |
| 201 | + | |
| 202 | +- **Search Bar**: Styled search form with optional live, accessible search suggestions. | |
| 203 | + | |
| 204 | +- **Expand Content**: Wrap any content in a collapsible "Show More" reveal with a soft fade preview — accessible, keyboard-safe, and auto-hides when content already fits. | |
| 205 | + | |
| 206 | +- **Divider**: Styleable section rule, plain or with a centered icon or label. | |
| 207 | + | |
| 208 | +- **Interactive Checklist**: Create a customizable checklist with progress tracking and saved completion state that persists across page visits. | |
| 209 | + | |
| 210 | +- **Hero Section**: Create a full-width hero section with headlines, CTA buttons, and customizable image, video, gradient, or solid backgrounds. | |
| 211 | + | |
| 212 | +- **File Download Card**: Download card with file badge, size, and button for PDFs and ZIPs. | |
| 213 | + | |
| 214 | +- **Off-Canvas Drawer**: Add a customizable sliding side panel for navigation, menus, filters, announcements, or any content, with an accessible trigger button and smooth animations. | |
| 215 | + | |
| 216 | +- **Audio Player**: Embed a customizable audio player with album art, track details, playback controls, and optional download support—perfect for music, podcasts, interviews, and voice recordings. | |
| 217 | + | |
| 218 | +## How to Use bBlocks- Quick Start Guide | |
| 219 | +Getting started is easy! | |
| 69 | 220 | https://www.youtube.com/watch?v=rdPWz1Ekkro |
| 70 | - | |
| 71 | -1. Install and activate the **bBlocks** plugin. | |
| 221 | +1. Install and activate the **bBlocks** – Page Builder for Gutenberg plugin. | |
| 72 | 222 | 2. In the **Gutenberg editor**, find your blocks under the "**bBlocks**" category. |
| 73 | 223 | 3. Add blocks to your page or post and configure settings from the right-hand panel. |
| 74 | 224 | 4. Save and publish your design. |
| 75 | 225 | |
| @@ -74,24 +224,27 @@ | ||
| 74 | 224 | 4. Save and publish your design. |
| 75 | 225 | |
| 76 | 226 | [**Live Demo**](https://bblockswp.com/#demos) | [**Try The Pro**](https://bblockswp.com/pricing) |
| 77 | 227 | |
| 78 | -### Compatibility | |
| 79 | 228 | |
| 229 | +## Compatibility | |
| 230 | +bBlocks works seamlessly with: | |
| 231 | + | |
| 80 | 232 | - All modern WordPress themes that support Gutenberg |
| 81 | 233 | - Full Site Editing (FSE) themes |
| 82 | 234 | - Reusable blocks and block-based patterns |
| 83 | 235 | - Existing default blocks and core blocks |
| 84 | 236 | |
| 85 | -### Use Cases | |
| 86 | 237 | |
| 87 | -- **Bloggers & Content Creators:** Post grids, tables of content, and engaging layouts without code. | |
| 88 | -- **Agencies & Freelancers:** Build client sites faster with templates and reusable patterns. | |
| 89 | -- **Developers:** A lightweight Gutenberg page builder with hooks and native block markup. | |
| 90 | -- **Anyone leaving heavy page builders:** Keep native WordPress blocks and site speed. | |
| 238 | +## Ideal For | |
| 239 | +- Bloggers and content creators | |
| 240 | +- Agencies and freelancers | |
| 241 | +- Developers looking for a lightweight Gutenberg page builder | |
| 242 | +- Anyone who prefers native WordPress blocks over external page builders | |
| 91 | 243 | |
| 92 | -### What Users Say | |
| 93 | 244 | |
| 245 | +## User Feedback | |
| 246 | + | |
| 94 | 247 | #### ⭐⭐⭐⭐⭐ [Very complete!](https://wordpress.org/support/topic/very-complete-34/) |
| 95 | 248 | |
| 96 | 249 | ❛❛***Very complete plugin.***❜❜ |
| 97 | 250 | |
| @@ -96,8 +249,9 @@ | ||
| 96 | 249 | ❛❛***Very complete plugin.***❜❜ |
| 97 | 250 | |
| 98 | 251 | ***-[aprop](https://profiles.wordpress.org/aprop/)*** |
| 99 | 252 | |
| 253 | + | |
| 100 | 254 | #### ⭐⭐⭐⭐⭐ [Easy, time saving](https://wordpress.org/support/topic/easy-time-saving/) |
| 101 | 255 | |
| 102 | 256 | ❛❛***I recently started using the bBlocks plugin and it has made a huge difference in the quality and functionality of my WordPress websites. The Ultimate Block Collection is truly a timesaver and – it includes a wide range of blocks that have helped me create more interesting dynamic pages.***❜❜ |
| 103 | 257 | |
| @@ -102,8 +256,9 @@ | ||
| 102 | 256 | ❛❛***I recently started using the bBlocks plugin and it has made a huge difference in the quality and functionality of my WordPress websites. The Ultimate Block Collection is truly a timesaver and – it includes a wide range of blocks that have helped me create more interesting dynamic pages.***❜❜ |
| 103 | 257 | |
| 104 | 258 | ***-[cjvalotta](https://wordpress.org/support/users/cjvalotta/)*** |
| 105 | 259 | |
| 260 | + | |
| 106 | 261 | #### ⭐⭐⭐⭐⭐ [OUTSTANDING](https://wordpress.org/support/topic/outstanding-566/) |
| 107 | 262 | |
| 108 | 263 | ❛❛***This plugin set has it all and it all works outstanding. I am completely in love with all the options. Thank you so very much. AMAZING WORK!***❜❜ |
| 109 | 264 | |
| @@ -108,8 +263,9 @@ | ||
| 108 | 263 | ❛❛***This plugin set has it all and it all works outstanding. I am completely in love with all the options. Thank you so very much. AMAZING WORK!***❜❜ |
| 109 | 264 | |
| 110 | 265 | ***-[jiggyjaeg](https://profiles.wordpress.org/jiggyjaeg/)*** |
| 111 | 266 | |
| 267 | + | |
| 112 | 268 | #### ⭐⭐⭐⭐⭐ [bBlocks from bPlugins is amazing.](https://wordpress.org/support/topic/b-blocks-from-bplugins-is-amazing/) |
| 113 | 269 | |
| 114 | 270 | ❛❛***I just wanted to say that if you are looking for the best block plug-in collection then you need not look any further. This is the ultimate block collection. Highly recommended.***❜❜ |
| 115 | 271 | |
| @@ -114,8 +270,9 @@ | ||
| 114 | 270 | ❛❛***I just wanted to say that if you are looking for the best block plug-in collection then you need not look any further. This is the ultimate block collection. Highly recommended.***❜❜ |
| 115 | 271 | |
| 116 | 272 | ***-[Sigurgeir](https://profiles.wordpress.org/sigurgeir/)*** |
| 117 | 273 | |
| 274 | + | |
| 118 | 275 | #### ⭐⭐⭐⭐⭐ [Very useful](https://wordpress.org/support/topic/very-useful-2920/) |
| 119 | 276 | |
| 120 | 277 | ❛❛***I think this is something new. But very good. Many more will be using it soon. And it will have plenty of five-star ratings.***❜❜ |
| 121 | 278 | |
| @@ -120,12 +277,14 @@ | ||
| 120 | 277 | ❛❛***I think this is something new. But very good. Many more will be using it soon. And it will have plenty of five-star ratings.***❜❜ |
| 121 | 278 | |
| 122 | 279 | ***-[bzpr123pt](https://wordpress.org/support/users/bzpr123pt/)*** |
| 123 | 280 | |
| 281 | + | |
| 124 | 282 | #### - Did you like this plugin? Dislike it? Have a feature request? [Please share your feedback with us](mailto:support@bplugins.com 'Send feedback') |
| 125 | 283 | |
| 126 | -### Check out our other WordPress Plugins- | |
| 127 | 284 | |
| 285 | +## Check out our other WordPress Plugins- | |
| 286 | + | |
| 128 | 287 | [**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display videos as single and playlist in multiple skins. |
| 129 | 288 | |
| 130 | 289 | [**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF files with different styles. |
| 131 | 290 | |
| @@ -138,60 +297,86 @@ | ||
| 138 | 297 | [**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – Show posts and custom posts in different layouts. |
| 139 | 298 | |
| 140 | 299 | == Installation == |
| 141 | 300 | |
| 142 | -**From your WordPress dashboard (recommended):** | |
| 301 | +### Automatic installation | |
| 302 | +1. Go to the Plugin menu and click on the **Add New** Button | |
| 303 | +2. Search for **bBlocks** | |
| 304 | +3. Install and activate the bBlocks plugin from there | |
| 143 | 305 | |
| 144 | -1. Go to **Plugins → Add New**. | |
| 145 | -2. Search for **"bBlocks"**. | |
| 146 | -3. Click **Install Now**, then **Activate**. | |
| 147 | -4. Open the block editor and add blocks from the **bBlocks** category. | |
| 306 | +### Download & Upload: | |
| 307 | +1. Download the **bBlocks** plugin (*.zip file*) | |
| 308 | +2. In your admin area, go to the Plugins menu and click on **Add New** | |
| 309 | +3. Click on **Upload Plugin** and choose the **`b-blocks.zip`** file and click on **Install Now** | |
| 310 | +4. Activate the plugin and Enjoy! | |
| 148 | 311 | |
| 149 | -**Manual installation:** | |
| 312 | +### Manually: | |
| 313 | +1. Download and upload the **bBlocks** plugin to the **`/wp-content/plugins/`** directory | |
| 314 | +2. Activate the plugin through the Plugins menu in WordPress | |
| 150 | 315 | |
| 151 | -1. Download the **bBlocks** plugin (*.zip file*). | |
| 152 | -2. In your admin area, go to **Plugins → Add New** and click **Upload Plugin**. | |
| 153 | -3. Choose the **`b-blocks.zip`** file, click **Install Now**, then **Activate**. | |
| 154 | -4. Alternatively, upload the plugin folder to the `/wp-content/plugins/` directory and activate it from the **Plugins** menu. | |
| 316 | +### Use Block: | |
| 317 | +1. Go to the WordPress Block/Gutenberg Editor | |
| 318 | +2. Add one or more blocks from the block category called **bBlocks** in the Gutenberg editor | |
| 319 | +3. Enjoy! | |
| 155 | 320 | |
| 321 | + | |
| 156 | 322 | == Frequently Asked Questions == |
| 157 | 323 | |
| 158 | -= Is bBlocks free? = | |
| 324 | += How do I install this plugin? = | |
| 159 | 325 | |
| 160 | -Yes, bBlocks is a free Gutenberg block plugin with 60+ blocks. A Pro version adds advanced controls to selected blocks. | |
| 326 | +You can install it as other regular WordPress plugins. No different way. Please see on installation tab. | |
| 161 | 327 | |
| 162 | -= How do I install this plugin? = | |
| 328 | += Is bBlocks free? = | |
| 163 | 329 | |
| 164 | -Install it like any regular WordPress plugin – see the Installation tab for dashboard and manual steps. | |
| 330 | +Yes, bBlocks is a free Gutenberg block plugin. | |
| 165 | 331 | |
| 166 | 332 | = Can I change block settings? = |
| 167 | 333 | |
| 168 | -Yes. Select any bBlocks block and adjust its settings from the right sidebar of the block editor. | |
| 334 | +Yes, you can change block settings from the Gutenberg block editor's right sidebar. | |
| 169 | 335 | |
| 170 | 336 | = How many times can I reuse a block? = |
| 171 | 337 | |
| 172 | -There is no limit – use any block as many times as you want, and combine blocks into reusable patterns. | |
| 338 | +You can use unlimited times as you want. | |
| 173 | 339 | |
| 174 | -= Does bBlocks work with Full Site Editing themes? = | |
| 340 | += Where can I get support? = | |
| 175 | 341 | |
| 176 | -Yes. bBlocks is compatible with FSE themes, block-based patterns, and all modern Gutenberg-ready themes. | |
| 342 | +You can post your questions on the [support forum here](https://wordpress.org/support/plugin/b-blocks/) | |
| 177 | 343 | |
| 178 | -= Will bBlocks slow down my website? = | |
| 344 | += How do I set up the Google Map block? = | |
| 179 | 345 | |
| 180 | -No. bBlocks is performance-optimized with minimal CSS and JavaScript, and block assets are loaded only on pages where the blocks are present. | |
| 346 | +1. In Google Cloud console, create an API key and enable the **Maps JavaScript API**. Also enable **Geocoding API** (address lookup), **Places API (New)** (the search box) and **Directions API** (routes) if you use those features. | |
| 347 | +2. Create a **Map ID** under Google Maps Platform → Map Management. Markers use Advanced Markers, which require one. | |
| 348 | +3. Restrict the key: add an **HTTP referrer** restriction for your domain (`https://example.com/*`) and an **API restriction** limiting it to the APIs above. The key is visible in the page source of any site using Google Maps, so restricting it is what keeps it from being abused. | |
| 349 | +4. Paste the key into **bBlocks → Settings → Google Maps**, then paste the Map ID into the block's Map Source panel. | |
| 181 | 350 | |
| 182 | -= Does bBlocks include ready-made templates? = | |
| 351 | +Without a key the block still renders the address and an "Open in Google Maps" link, so the page is never broken. | |
| 183 | 352 | |
| 184 | -Yes. bBlocks ships with a Template Library of pre-designed patterns and page templates, plus layout presets on many blocks. | |
| 353 | += Where do I report security bugs found in this plugin? = | |
| 354 | +Please report security bugs found in the source code of the bBlocks plugin through the [Patchstack Vulnerability Disclosure Program](https://patchstack.com/database/vdp/9e5fbc32-7c9b-43f0-8095-b109c089829f). The Patchstack team will assist you with verification, CVE assignment, and notify the developers of this plugin. | |
| 185 | 355 | |
| 186 | -= Where can I get support? = | |
| 187 | 356 | |
| 188 | -You can post your questions on the [support forum here](https://wordpress.org/support/plugin/b-blocks/). | |
| 357 | +== External Services == | |
| 189 | 358 | |
| 190 | -= Where do I report security bugs found in this plugin? = | |
| 359 | +This plugin connects to the following third-party services under specific circumstances: | |
| 191 | 360 | |
| 192 | -Please report security bugs found in the source code of the bBlocks plugin through the [Patchstack Vulnerability Disclosure Program](https://patchstack.com/database/vdp/9e5fbc32-7c9b-43f0-8095-b109c089829f). The Patchstack team will assist you with verification, CVE assignment, and notify the developers of this plugin. | |
| 361 | +**bPlugins Template Library** (`https://templates.bplugins.com`) | |
| 362 | +Used to fetch pre-designed block patterns and page templates when an editor opens the Template Library panel inside the block editor. No data is sent — the plugin issues a read-only GET request. Requests are only made when a logged-in editor with `edit_posts` capability explicitly opens the Template Library, and all requests are nonce-protected. | |
| 363 | +Privacy policy: https://bplugins.com/privacy-policy/ | |
| 193 | 364 | |
| 365 | +**OpenAI API** (`https://api.openai.com`) | |
| 366 | +Used by the AI Content Generator feature to generate block content from a prompt. This feature only activates after a site administrator explicitly enters their own OpenAI API key in the bBlocks settings panel. The text prompt entered by the editor is sent to OpenAI's servers for processing. No data is sent automatically or without the administrator's deliberate opt-in. | |
| 367 | +OpenAI Privacy Policy: https://openai.com/policies/privacy-policy/ | |
| 368 | +OpenAI Terms of Service: https://openai.com/policies/terms-of-use/ | |
| 369 | + | |
| 370 | +**Google Maps Platform** (`https://maps.googleapis.com`) | |
| 371 | +Used by the Google Map block to render interactive maps, geocode addresses, autocomplete place searches and calculate routes. This only activates after a site administrator explicitly enters their own Google Maps API key in the bBlocks settings panel. When a visitor views a page containing an interactive map, their browser loads Google's Maps JavaScript API and Google receives the request (including IP address) as it would for any embedded map. Blocks using the classic embed-URL mode, and blocks on sites with no key configured, make no request at all. | |
| 372 | +Google Privacy Policy: https://policies.google.com/privacy | |
| 373 | +Google Maps Platform Terms: https://cloud.google.com/maps-platform/terms | |
| 374 | + | |
| 375 | +**Freemius** (license management) | |
| 376 | +License validation and update checks for the Pro version are handled by Freemius. Freemius collects basic environment data as described in their privacy policy. | |
| 377 | +Freemius Privacy Policy: https://freemius.com/privacy/ | |
| 378 | + | |
| 194 | 379 | == Screenshots == |
| 195 | 380 | |
| 196 | 381 | 1. Posts- Grid- Default layout |
| 197 | 382 | 2. Posts- Grid- Title Meta layout, Customize |
| @@ -222,10 +407,58 @@ | ||
| 222 | 407 | 27. Counters- Theme 3 |
| 223 | 408 | 28. Mail To |
| 224 | 409 | 29. Alert |
| 225 | 410 | |
| 411 | + | |
| 226 | 412 | == Changelog == |
| 227 | 413 | |
| 414 | += 2.1.7 - 22 September, 2026 = | |
| 415 | +* Added: Instagram Feed block. | |
| 416 | +* Added : One Page Navigation Block. | |
| 417 | +* Added : Advanced Option Motion Effects, Floating Effects and position. | |
| 418 | + | |
| 419 | += 2.1.6 - 7 September 2026 = | |
| 420 | +* Added: Code Highlight Block. | |
| 421 | + | |
| 422 | += 2.1.5 - 7 September 2026 = | |
| 423 | +* Added: Infographic Block. | |
| 424 | + | |
| 425 | += 2.1.4 - 3 September 2026 = | |
| 426 | +* Fixed: Container Layout issue | |
| 427 | +* Added: Carousel block direction | |
| 428 | + | |
| 429 | += 2.1.3 - 31 August 2026 = | |
| 430 | +* Added: 2 new blocks | |
| 431 | + * Comparison Table | |
| 432 | + * Timeline | |
| 433 | + | |
| 434 | += 2.1.2 - 24 August 2026 = | |
| 435 | +* Added: 1 new blocks | |
| 436 | + * Google Map | |
| 437 | + | |
| 438 | += 2.1.1 - 02 August 2026 = | |
| 439 | +* Added: 4 new blocks | |
| 440 | + * Hero Section | |
| 441 | + * File Download Card | |
| 442 | + * Off-Canvas Drawer | |
| 443 | + * Audio Player | |
| 444 | + | |
| 445 | += 2.1.0 - 26 July 2026 = | |
| 446 | +* Added: 10 new blocks | |
| 447 | + * Media & Text Section | |
| 448 | + * Expand Content | |
| 449 | + * Process Steps | |
| 450 | + * Blockquote | |
| 451 | + * Divider | |
| 452 | + * Key Takeaways | |
| 453 | + * Stat Cards | |
| 454 | + * Interactive Checklist | |
| 455 | + * Article Card | |
| 456 | + * Event Card | |
| 457 | + | |
| 458 | += 2.0.44 - 18 June 2026 = | |
| 459 | +* Compatible apiVersion 3 Carousel Block. | |
| 460 | + | |
| 228 | 461 | = 2.0.43 - 14 June 2026 = |
| 229 | 462 | * Compatible apiVersion 3 Table of Content, Video Block & Chart Block. |
| 230 | 463 | * Added Icon Size, Gap, and Unmarked Color settings to the Star Rating block. |
| 231 | 464 | * Added Icon Box Alignment option. |
| @@ -583,5 +816,5 @@ | ||
| 583 | 816 | * Add Price Lists and Feature Boxes blocks |
| 584 | 817 | * Compatible with PHP 5.4 |
| 585 | 818 | |
| 586 | 819 | = 1.0 = |
| 587 | -* Initial Release. | |
| 820 | +* Initial Release. | |
