描述
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.
想了解更多功能?请查阅GenerateBlocks Pro。
Container
将您的内容组织成行和小节。容器区块是您内容的基础,让您能够为自己的内容设计独特的部分。
Grid
用灵活的网格创建高级布局——网格区块让您能够创建您能想到的任何一种布局。
Headline
用先进的排版技术制作丰富的文字内容——从标题到段落 – 完全控制您的文字。
Button
用漂亮的按钮进行转换。
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
我们认真对待性能。只会为所需的区块生成最少的 CSS ,我们的 HTML 结构也会尽可能简洁,同时保持最佳的灵活性。
Coding standards
采用最高编码标准构建,以确保安全性、稳定性和未来兼容性。
Fully responsive
每个区块都带有平板电脑和移动控件,让您完全控制您的响应式设计。
Documentation
有关各个区块极其如何使用的更多信息,请查看我们的文档.
安装
有两种方法可以安装 GenerateBlocks。
- 转到仪表盘菜单下的“插件>安装插件”页面,并搜索“GenerateBlocks”
- 从 WordPress.org 下载 .zip,并通过 FTP 将该文件夹上传到
/wp-content/plugins/
目录。
In most cases, #1 will work fine and is way easier.
常见问题
-
我如何将你们的区块添加到我的页面?
-
- 创建新页面或文章
- 添加新区块并找到 “GenerateBlocks” 分类。
- 选择您的区块并开始构建。
- 建议从容器区块开始入手。
-
我应该用什么主题?
-
GenerateBlocks was built to work hand-in-hand with GeneratePress. However, it will work with any theme you choose.
评价
贡献者及开发者
更新日志
1.7.3
- Fix: REST API warnings
- Fix: Old block deprecations
1.7.2
- Fix: Non-registered onboarding keys were breaking root container
- Fix: Block styling in block theme templates
1.7.1
- Tweak: Add link to documentation under legacy layout toggle
- Fix: Container width migration for old blockVersion: 1 blocks
- Fix: Container padding migration for old blockVersion: 1 blocks
- Fix: Missing block styling with some third-party plugins
1.7.0
- Feature: Add flexbox controls to all blocks
- Feature: Add sizing controls to all blocks
- Feature: Add global max-width option to sizing
- Feature: Add position option to all blocks
- Feature: Add overflow options to Container block
- Feature: Add flex child controls to Headline and Button blocks
- Feature: Add Button Container variant using Container block
- Feature: Deprecate existing Button Container block
- Feature: Remove inner container div from newly added Container blocks
- Feature: Add manual migration for existing Container blocks with inner container
- Feature: Add insert inner Container button
- Feature: Allow adding singular Button blocks
- Feature: Allow grouping of singular Buttons inside a Container
- Feature: Add z-index options to tablet and mobile
- Feature: Add order option to desktop
- Feature: Add text alignment to Button block
- Feature: Add generateblocks_dynamic_source_id filter
- Feature: Add generateblocks.editor.addButtonCurrentColors filter
- Feature: Add generateblocks_block_css_selector filter
- Feature: Add button type option
- Feature: Accept ID-only searches in dynamic content post selects
- Feature: Add template selector system
- Feature: Add generateblocks.editor.renderBlock hook
- Feature: Add onboard system
- Feature: Add generateblocks.editor.settingsPanel filter
- Feature: Use row-gap for Grid vertical gap option
- Feature: Add generateblocks_block_one_time_css_data hook
- Feature: Add generateblocks_before_container_open hook
- Feature: Add generateblocks_after_container_close hook
- Feature: Allow “auto” as value in margin controls
- Feature: Add generateblocks_use_visited_selector filter
- Feature: Add generateblocks_query_loop_editor_posts_cap filter
- Tweak: Improve typography font family select
- Tweak: Improve Container block appender
- Tweak: Migrate flexBasis to use one value with unit
- Tweak: Move z-index to Layout panel
- Tweak: Add Flex Child panel to Layout panel
- Tweak: Improve Typography section layout
- Tweak: Move Container alignment to typography section
- Tweak: Change panel icon color
- Tweak: Update block icons
- Tweak: Move device buttons above block name
- Tweak: Remove transition from Button block
- Tweak: Remove block description from inspector controls
- Tweak: Improve advanced select results
- Tweak: Use new editor_script/style_handles
- Tweak: Re-order panels
- Tweak: Move Headline tag name control to Advanced
- Tweak: Ignore button hover colors on current buttons
- Tweak: Remove :visited pseudo selector from CSS
- Tweak: Remove tag name from CSS selectors
- Tweak: Load CSS later to prevent specificity issues
- Tweak: Allow “0” as HTML attribute value
- Tweak: Replace gb-button__current class with gb-block-is-current
- Tweak: Add pointer-events: none to pseudo backgrounds
- Fix: Responsive placeholder not showing 0 value
- Fix: Excerpt spelling mistake
- Fix: Image placeholder position
- Fix: Missing source ID in excerpt
- Fix: Pagination buttons missing generateblocks_query_loop_args filter
- Fix: Dynamic Button tag name with no link
- Fix: Prevent faded background image in editor
- Fix: Pass $block to generateblocks_parse_attr function
- Fix: WP Filesystem error missing credentials
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