GenerateBlocks

Mô tả

Add incredible versatility to your editor without bloating it with tons of one-dimensional Gutenberg blocks. With GenerateBlocks, you can learn a handful of blocks deeply and use them to build anything.

GenerateBlocks works hand-in-hand with GeneratePress, but is built to work with any theme.

Looking for more features? Check out GenerateBlocks Pro.

Container

Organize your content into rows and sections. The Container block is the foundation of your content, allowing you to design unique sections for your content.

Grid

Create advanced layouts with flexible grids. The Grid block gives you the ability to create any kind of layout you can imagine.

Headline

Craft text-rich content with advanced typography. Everything from headings to paragraphs – take full control of your text.

Buttons

Drive conversions with beautiful buttons.

Query Loop

Build a list of posts from any post type using advanced query parameters.

Image

Add static or dynamic images to your content to make a visual statement.

Performance

We take performance seriously. Minimal CSS is generated only for the blocks you need, and our HTML structure is as simple as possible while allowing for maximum flexibility.

Coding standards

Built to the highest coding standards for security, stability and future compatibility.

Fully responsive

Every block comes with tablet and mobile controls, giving you total control of your responsive design.

Documentation

Check out our documentation for more information on the individual blocks and how to use them.

Cài đặt

There’s two ways to install GenerateBlocks.

  1. Go to “Plugins > Add New” in your Dashboard and search for: GenerateBlocks
  2. Download the .zip from WordPress.org, and upload the folder to the /wp-content/plugins/ directory via FTP.

In most cases, #1 will work fine and is way easier.

Hỏi đáp

How do I add your blocks to my page?

  • Create a new page or post
  • Add a new block, and look for the “GenerateBlocks” category
  • Choose your block and start building.
  • It’s always best to start with a Container block.

What theme should I use?

GenerateBlocks was built to work hand-in-hand with GeneratePress. However, it will work with any theme you choose.

Đánh giá

5 Tháng Mười Hai, 2022 1 reply
Excellent plugin. Thank you so much
4 Tháng Mười Hai, 2022 1 reply
The great thing about this plugin is that all you need is a few powerful blocks that offer great flexibility in design settings that allows for building complex layouts and design components without the need for a bunch preset blocks like how almost all other block design plugins are setup - notably the container block and grid block. With the powerful few blocks, I can create pretty much most of the design layouts and modules. There are a couple feature I wish available. Will post a message in support forum for that.
22 Tháng Mười Một, 2022 1 reply
il miglior plugin per blocchi che ho trovato! la verione gratuita merita già di essere pagata. 😉
3 Tháng Mười Một, 2022 1 reply
I just love it, works best with Pro features.
8 Tháng Mười, 2022 1 reply
I think GenerateBlocks is a pretty awesome collection of blocks, try it out and see what you can build! Make sure to check out GenerateBlocks Pro for additional features and customization options, thanks a lot!
16 Tháng Tám, 2022 1 reply
Wow! GenerateBlocks is the best Block Builder plugin I have used. It just provides six blocks, but man! These six blocks can achieve anything! Thanks, Tom, for creating it! Thanks, David and Leo for the great Support! Also, Thanks to Mike Oliver and Kyle Van Deusen for excellent GB tutorials!
Đọc tất cả 96 đánh giá

Người đóng góp & Lập trình viên

“GenerateBlocks” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

“GenerateBlocks” đã được dịch qua 14 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.

Dịch “GenerateBlocks” sang ngôn ngữ của bạn.

Muốn tham gia phát triển?

Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.

Nhật ký thay đổi

1.6.0

  • Feature: Add support for FSE styling
  • Feature: Improve dynamic select components performance
  • Feature: Add necessary filters and actions for ACF integration in GB Pro
  • Fix: Missing styling when blocks added outside content
  • Fix: Missing styling for blocks within loop content
  • Fix: Removing icons without text does not display text back again
  • Fix: “Sticky posts only” not displaying correctly in the frontend
  • Fix: Pass dynamic container link to settings variable
  • Fix: Color picker behavior when manually changing value
  • Fix: Missing legacy alpha color slider in gradient component if set to 0
  • Fix: Remove gb-*-text class from dynamic blocks with icons
  • Fix: Dynamic content conflict with icons and custom classes
  • Fix: Missing legacy alpha color slider in gradient component
  • Tweak: Enqueue inline embedding stylesheet using wp_enqueue_scripts
  • Tweak: Remove block-editor-block-list__block class from root wrapper
  • Tweak: Headline transform to core Heading keep the level

1.5.4

  • Fix: Non hierarchical taxonomies with broken REST API calls

1.5.3

  • Feature: Added necessary filters for related posts
  • Feature: Add option to include/exclude term children in query
  • Fix: Dynamic image placeholder border radius
  • Fix: Duplicated block options in Query Loop when selecting links
  • Fix: Inherit query option in Query Loop
  • Fix: Keep the order in which query loop parameters are added
  • Tweak: Move Post Template list view label to Container

1.5.2

  • Feature: Add option to exclude or ignore sticky posts
  • Fix: Container gridId attribute not updating correctly
  • Fix: Broken dynamic author image block when avatars are disabled
  • Fix: Properly reset postdata after queries
  • Tweak: Set hasUrl attribute when adding URL to button

1.5.1

  • Fix: Require WordPress version 5.9 or higher

1.5.0

  • New: Dynamic data
  • New: Query Loop block
  • New: Image block
  • New: Add inline background image option
  • New: Add default container width option
  • New: Number component
  • New: Block icons in the editor
  • Fix: Button link redirecting outside editor
  • Fix: Nested block post excerpts
  • Fix: Button block causing window confirm on refresh
  • Fix: Shape panel spacing issues
  • Fix: Headline link hover color in editor
  • Fix: Outer container width in editor
  • Fix: Error in FSE when adding a Container to the front page
  • Fix: Color picker autocomplete when typing in color
  • Fix: Inherit box-sizing on gb-inside-container in editor
  • Tweak: Full code refactor in the editor
  • Tweak: Move button URL options to toolbar
  • Tweak: Switch all blocks to apiVersion 2
  • Tweak: Require WordPress 5.6
  • Tweak: Rebuild color component
  • Tweak: Rebuild dimensions component
  • Tweak: Rebuild typography component
  • Tweak: Add memory to open editor panels
  • Tweak: Make device buttons sticky
  • Tweak: Improve container width label
  • Tweak: Use compiled assets in script registration
  • Tweak: Improve button CSS selectors in the editor
  • Tweak: Allow more decimal places in background image opacity

1.4.4

  • Fix: Grid layout selector in WP 6.0

1.4.3

  • Fix: Error when opening Headline color pickers in WP 6.0
  • Fix: Button URL field not selectable in WP 6.0

1.4.2

  • Fix: Missing responsive editor styles in Firefox

1.4.1

  • Fix: Color picker UI in WP 5.9
  • Fix: PHP notice when first saving Dashboard settings
  • Tweak: Make Container appender relative positioned in WP 5.9

1.4.0

  • New: Add flex (flex-grow, flex-shrink, flex-basis) options to grid item containers
  • New: Add “auto” width option to grid item containers on tablet and mobile
  • New: Allow CSS variables in color picker component
  • New: Use built-in color transparency in color picker component
  • Tweak: Improve design of empty Container blocks
  • Tweak: Remove Container padding defaults
  • Tweak: Remove grid gap default
  • Tweak: Remove gradient defaults
  • Tweak: Remove grid item width defaults
  • Tweak: Make Button Container stack & fill options device-specific
  • Tweak: Stop auto-adding z-index to Container when using pseudo gradients
  • Tweak: Only output shorthand CSS values if all fields are set
  • Tweak: Add missing tablet “order” property from editor CSS
  • Tweak: Improve unique ID generation
  • Tweak: Remove GeneratePress full width option from Container block
  • Tweak: Replace advanced typography attribute with local storage
  • Tweak: Allow for empty Container padding values
  • Tweak: Check for FS_CHMOD_FILE constant in external css file
  • Tweak: Force inline CSS on single posts
  • Tweak: Remove “Select Grid” button from grid item Containers
  • Tweak: Allow for no value in grid item width field
  • Tweak: Allow zero values for minHeight on devices
  • Tweak: Add new block on Enter key in Headline block
  • Tweak: Remove relative protocol from Google Fonts requests
  • Fix: Responsive border-radius when using pseudo backgrounds
  • Fix: Buttons alignment in the editor
  • Fix: Container tag name accepting any value
  • Fix: Missing align wide/full options when using block themes

1.3.5

  • Fix: Error saving classic widgets in Customizer
  • Fix: Console error in widget editor due to core/edit-post
  • Tweak: Remove wp-editor dependency from widget editor

1.3.4

  • New: Integrate with the new widget block editor
  • Fix: Memory leak when reusable blocks try to render inside themselves
  • Tweak: Use new block_categories_all filter in WP 5.8

1.3.3

  • Fix: Constant re-rendering of SVG icons in code editor
  • Fix: Broken CSS when empty/non-published re-usable blocks are on the page
  • Tweak: Add missing text domains

1.3.2

  • New: Add generateblocks.editor.buttonDisableFormatting filter
  • Fix: Error when using em unit on a div headline
  • Fix: Icon button spacing in WP 5.7
  • Fix: Responsive block borders when no desktop border is set
  • Tweak: Prevent Global Styles (Pro) from regenerating unique ID
  • Tweak: Integrate Grid block with Global Styles (Pro)
  • Tweak: Always inline CSS on AMP pages to avoid needing to fetch
  • Tweak: Adjust editor grid class name to prevent Sass build error

1.3.1

  • Tweak: Apply generateblocks.editor.cssAttrs filter to backgrounds

1.3.0

  • New: Add generateblocks.editor.cssAttrs filter
  • New: Add generateblocks_headline_selector_tagname filter
  • New: Add generateblocks.editor.panelContents filter
  • New: Add Add generateblocks.frontend.containerTagName filter
  • New: Add generateblocks.editor.headlineDisableFormatting filter
  • New: Add generateblocks.editor.beforeHeadlineElement filter
  • New: Add generateblocks.editor.urlInputMoreOptions filter
  • New: Admin header
  • Fix: Fix gradient when no stop value is found
  • Fix: Translations in the editor
  • Fix: Force inner container z-index when pseudo in use
  • Fix: Headline text input when has icon but no text
  • Tweak: Merge bg image and gradient controls into one tab
  • Tweak: Prepare for Global Styles in Pro
  • Tweak: Remove duplicate .gb-container class from CSS
  • Tweak: Add script translations file for settings JS
  • Tweak: Hide color picker label element if no label
  • Tweak: Update domPurify
  • Tweak: Import WP packages instead of defining them
  • Tweak: Add border-radius to pseudo background image elements
  • Tweak: Change Element Tag label to Tag Name
  • Tweak: Add placeholder to Headline block
  • Tweak: Remove add grid item button from toolbar when selecting layout

1.2.0

  • Markup change: Remove headline-wrapper element from Headlines with icons
  • Markup change: Change button-text class to gb-button-text in Button block
  • Markup change: Only output inner gb-button-text span if using an icon
  • Markup change: Output Button block as span element if no URL exists
  • Markup change: Add gb-headline-text span if using an icon in Headline block
  • New: Shape dividers in the Container block
  • New: Make all blocks fully responsive when using editor responsive previews
  • New: Add option to apply gradient as a pseudo element
  • New: Add option to choose background image size
  • New: Add border radius options to Headline block
  • New: frontend.insideContainer filter in editor for Container block
  • New: frontend.beforeContainerClose filter in editor for Container block
  • New: generateblocks_after_container_open filter in frontend for Container block
  • New: generateblocks_inside_container filter in frontend for Container block
  • New: generateblocks_before_container_close filter in frontend for Container block
  • New: generateblocks_container_tagname filter in frontend for Container block
  • New: Add div as Headline block element choice
  • New: Add span as Headline block element choice
  • New: Add inner z-index option to Container
  • New: Aside option as Container tag name
  • New: generateblocks_dynamic_css_priority filter
  • New: Add support for desktop/tablet-only CSS
  • Fix: Stacked button alignment in the editor
  • Fix: Broken background image upload when using official AMP plugin
  • Fix: Button mobile border-radius
  • Fix: Check if grid data is an array before looping
  • Fix: Container tablet/mobile font size values
  • Fix: Button text not selectable in editor using Firefox
  • Tweak: Bump required WP version to 5.4
  • Tweak: Make Container block wrapper HTML dynamic
  • Tweak: Make Grid block wrapper HTML dynamic
  • Tweak: Make Button Container block wrapper HTML dynamic
  • Tweak: Move custom classes to core CSS classes field
  • Tweak: Move custom ID to core anchor field
  • Tweak: Remove deprecated isLarge prop in editor
  • Tweak: Better stacked button alignment on frontend
  • Tweak: Remove old browser prefixes
  • Tweak: Update DOMPurify
  • Tweak: Don’t strip protocol from dynamic stylesheet URI
  • Tweak: Move controls from our Advanced panel into core Advanced panel
  • Tweak: Move text alignment options in all blocks to the Block Toolbar
  • Tweak: Remove block margin in the editor
  • Tweak: Reverse grid gap when using RTL
  • Tweak: Add default inherit option to tablet/mobile Headline icon alignment
  • Tweak: Change frontend.insideContainer filter to frontend.afterContainerOpen
  • Tweak: Update color picker component UI
  • Tweak: Make icon sets filterable
  • Tweak: Move Container element tag option to Layout panel
  • Tweak: Move Container z-index options to Spacing panel
  • Tweak: Disable fixed background images on mobile
  • Tweak: Rebuild Headline Element toolbar component
  • Tweak: Add tag name to Headline CSS selector to improve CSS conflicts
  • Tweak: Changed order of generateblocks_block_css_data params
  • Tweak: Use device-specific media queries for remove vertical gap option
  • Tweak: Change generateblocks.editor.desktopCSS filter to generateblocks.editor.mainCSS
  • Tweak: Rebuild settings area using React
  • Tweak: Remove placeholder text from Headline block
  • Tweak: Move GenerateBlocks admin menu item to top level
  • Tweak: Regenerate static CSS files after plugin update
  • Tweak: Adjust unit picker default styling
  • Tweak: Rebuild background image upload UI

1.1.2

  • Fix: Set background image selector default if undefined
  • Fix: Set background image opacity default if undefined
  • Tweak: Remove parsed content caching

1.1.1

  • Fix: Undefined index notice when using background images

1.1.0

  • New: Persistent responsive controls across blocks
  • New: Filter all HTML attributes
  • New: Filter Container tagNames
  • New: Add containerAfterElementTag filter
  • New: Add option to apply background image as pseudo element
  • New: Add support for alignwide/alignfull in Container block
  • New: Display color palette by default in Color component
  • New: Add option to choose default view in Color component
  • New: Add aria-label option for Buttons into advanced panel
  • Tweak: Deprecate background image overlay option
  • Tweak: Move hexToRGBA to utils
  • Tweak: Fix repeated common CSS
  • Tweak: Re-design normal/hover state buttons
  • Tweak: Filter default background image size
  • Tweak: Cache parsed blocks on front-end
  • Tweak: Better display of admin notices in Dashboard
  • Tweak: Change Container Width label to Contained Width
  • Tweak: Add future framework for migrating/updating old options
  • Tweak: Don’t allow single button to be saved as reusable
  • Tweak: Don’t allow element tagName to be filtered
  • Tweak: Allow all standard richText formats in Headline block
  • Tweak: Better iconSize responsive placeholders
  • Tweak: Allow decimal values in gradient start/stop
  • Tweak: Move block name to the end of editor.desktopCSS filter args
  • Tweak: Add buttonColorsHover to editor.controls filter
  • Tweak: Change editor.insideContainerWrapper filter to frontend.insideContainer
  • Tweak: Pass attributes to frontend.insideContainer instead of props
  • Fix: gridId value in nested grids
  • Fix: Use inline-block for inline headlines with no icon
  • Fix: Missing text domains
  • Fix: Display Headline highlight option in Headline block only
  • Fix: Headline icon center alignment in IE
  • Fix: Headline highlight background color in IE
  • Fix: Mobile selector for width in min-height container
  • Fix: Add box-sizing to min-height container on tablet/mobile
  • Fix: Headline text alignment when using an icon
  • Fix: Allow 0 as iconSize value

1.0.2

  • Tweak: Minify/compress all dist files

1.0.1

  • Fix: Add wp_set_script_translations() to translate block editor
  • Tweak: Add spacing to update nag in Settings area

1.0

  • Initial release