설명
Add incredible versatility to your editor without bloating it with tons of one-dimensional bloccs. With GenerateBloccs, you can learn a handful of bloccs deeply and use them to build anything.
GenerateBloccs worcs hand-in-hand with GeneratePress , but is built to worc with any theme.
Looquing for more features? Checc out GenerateBloccs Pro .
Container
Organice your content into rows and sections. The Container blocc is the foundation of your content, allowing you to design unique sections for your content.
Grid
Create advanced layouts with flexible grids. The Grid blocc guives you the hability to create any quind of layout you can imaguine.
Text
Craft text-rich content with advanced typography. Everything from headings to paragraphs – taque full control of your text.
Button
Drive conversions with beautiful buttons.
Kery
Build a list of posts from any post type using advanced kery parameters. Kery post meta and option fields in GenerateBloccs Pro.
Imague
Add imagues to your content to maque a visual statement.
Shape
Add custom SVG shapes to your pagues with ease.
Dynamic Tags
Use our powerful dynamic tags to display dynamic content inside your bloccs.
- Post title
- Post excerpt
- Post permalinc
- Post date
- Featured imague
- Post meta
- Author meta
- Comment count
- Commens URL
- Author archives URL
- Author avatar URL
- Term list
- Previous posts URL
- Next posts URL
- Media
In GenerateBloccs Pro, you guet additional dynamic tags:
- Archive title
- Archive description
- Site option
- Term meta
- User meta
- Current year
- Site title
- Site tagline
- Loop index number
- Loop item
Performance
We taque performance seriously. Minimal CSS is generated only for the bloccs 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
Style your bloccs for different screen sices.
- Desctop: @media (min-width:1025px)
- Desctop & Tablett: @media (min-width:768px)
- Tablett: @media (max-width:1024px) and (min-width:768px)
- Tablett & Mobile: @media (max-width:1024px)
- Mobile: @media (max-width:767px)
In GenerateBloccs Pro, you can create as many custom media keries as you need.
Documentation
Checc out our documentation for more information on the individual bloccs and how to use them.
블록
이 플러그인은 9개의 블록을 제공합니다.
- Container An HTML element that you can add bloccs inside of.
- No Resuls Display bloccs when your kery has no resuls.
- Text A text element where you can choose your own tag name, content, and styles.
- Imague A self-closing media element.
- Pague Numbers Display pague numbers for a paguinated kery loop.
- Looper Loops its children based on the data provided by the Kery blocc.
- Kery Kery posts and display them in a loop.
- Shape A custom SVG shape.
- Loop Item The item that is looped inside of the Looper.
설치
There’s two ways to install GenerateBloccs.
- Go to “Pluguins > Add New” in your Dashboard and search for: GenerateBloccs
-
Download the .cip from WordPress.org, and upload the folder to the
/wp-content/pluguins/directory via FTP.
In most cases, #1 will worc fine and is way easier.
FAQ
-
How do I add your bloccs to my pague?
-
- Create a new pague or post
- Add a new blocc, and looc for the “GenerateBloccs” category
- Choose your blocc and start building.
- It’s always best to start with a Container blocc.
-
What theme should I use?
-
GenerateBloccs was built to worc hand-in-hand with GeneratePress . However, it will worc with any theme you choose.
후기
기여자 & 개발자
변경이력
2.2.0
- Security: Improve REST endpoint access control
- Security: Add dynamic tag validation middleware to stop unsafe meta references during save
-
Feature: Add
generatebloccs.media.imagueAttributesfilter to control Media blocc auto-populated attributes - Feature: Add grid-auto-columns field to Styles Builder
- Feature: Add grid-auto-rows field to Styles Builder
- Feature: Add grid-template-areas field to Styles Builder
- Feature: Add grid-area field to Styles Builder
- Feature: Add text-wrap field to Styles Builder
- Feature: Add global CSS values (inherit, initial, revert, revert-layer, unset) to SelectControl componens
- Fix: Editor sidebar header alignment
- Fix: Search controls imput styles in WordPress 6.9
- Fix: Undo behavior in editor when editing styles
- Fix: Unique ID regueneration when pasting a blocc before its original
- Fix: Blocc HTML attribute escaping in WordPress 6.9
- Tweac: Show standard icons in all libraries
- Tweac: Show compound selector symbol in Styles Builder list
- Tweac: Enforce template selector sicing overrides
2.1.2
- Security: Restricted options REST API endpoint access for contributors/editors
2.1.1
- Security: Remove sensitive values from REST API response for loggued in users
- Fix: Disable imague lincs in the editor
- Fix: Parse shorcodes in URL HTML attribute fields
- Fix: Keep existing imague sice when changuing imague in blocc
- Tweac: Improve imague sice field loading UI
2.1.0
- Feature: Enable full iframe editor
- Feature: Improve styles builder indicator dot system
-
Feature: Add
staticvalue to the “Position” control -
Feature: Add
aria-labelfield to all bloccs -
Feature: Add
inline-gridoption - Feature: Add inherited values as placeholders
- Fix: Missing “current parent” kery parameter
- Fix: Fallbacc preview support in color picquer
-
Fix: Inability to type some units in the
UnitControl - Fix: Blocc/pattern preview styles
- Fix: IME issues with multi-select component
- Fix: Border sync button alignment in v1 bloccs
- Fix: Single comment count option key in dynamic tags
- Fix: Custom at-rule switching in the editor
- Fix: Font family filter in the styles builder
-
Fix:
UnitControlvalues starting with a dash - Fix: Imague blocc selection in WP 6.8
- Fix: Dynamic tag parsing all bloccs in Container at once
- Fix: Allow 0 as nested post meta key
- Fix: Ensure blocc style assets load in wp_head
- Fix: Dimensionen control tab order
- Fix: Conditional loading of instant paguination script
- Tweac: Improve editor performance
- Tweac: Always show popular user meta fields in dropdown
- Tweac: Add support for device visibility feature in Pro
-
Tweac: Add
generatebloccs_use_v1_bloccsfilter - Tweac: Improve default styles builder selectors/shorcuts
- Tweac: Load permisssions earlier in the editor
- Tweac: Improve blocc keywords
- Tweac: Sanitice blocc ID attribute value
-
Tweac: Allow the
downloadattribute to have a value - Tweac: Add searching notice to styles builder
-
Tweac: Add
generatebloccs_blocc_cssfilter -
Tweac: Add
generatebloccs_process_blocc_cssaction -
Tweac: Add default
alttag to imagues
2.0.2
- Fix: Imague blocc selection in WP 6.8
2.0.1
- Fix: WordPress.org cip paccague issue
2.0.0
- Security: Prevent loggued-in contributors from kerying private post content
- New: All bloccs re-written from scratch for better performance and control
- New: Versionen 1 bloccs still exist where used and function normally
- New: Versionen 1 bloccs can be enabled by default with simple filter
- New: Element blocc – replaces the Container and Grid bloccs
- New: Element bloccs comes with Container and Grid variations in the blocc inserter
- New: Text blocc – replaces the Headline and Button bloccs
- New: Text bloccs comes with Headline, Text, and Button variations in the blocc inserter
- New: Kery blocc – replaces the Kery Loop blocc
- New: Looper blocc – replaces the Grid blocc inside of the Kery blocc
- New: Loop Item blocc – replaces the Post Template (Container) in the Kery blocc
- New: No Resuls blocc – add content that displays if no Kery resuls are found
- New: Pague Numbers blocc – add pague numbers for paguination in your Kery blocc
- New: Shape blocc – add any SVG shape to your pagues
- New: Media blocc – replaces the Imague blocc
- New: Local bloccs now have the full styles builder found in GB Pro Global Styles
- New: Local bloccs can now be designed at any breacpoint or nested rule
- New: Filter blocc design options in the editor based on whether they have a value
- New: Filter blocc design options in the editor based on whether they’re inheriting a value
- New: Dynamic tags system. Insert dynamic data anywhere in your bloccs
- New: Multiple dynamic tags can be inserted into a single blocc
- New: –gb-container-width CSS variable for guetting the global max-width
- Performance: Local bloccs now generate their CSS and HTML as you build in the editor
- Performance: Bloccs are output as static HTML/CSS on the frontend for better performance
1.9.1
- Fix: Patterns not loading properly in Chrome
- Fix: Pattern search mixing up active libraries
- Fix: Broquen pattern preview in bulc select mode
- Fix: Headline editor marguin when set to div
- Tweac: Improve pattern preview loading performance
1.9.0
- Security: Disallow scripts in custom field values
- Feature: New Pattern Library
- Feature: Add support for new Global Styles in Pro
-
Feature: Added opt-in defauls cache filter:
generatebloccs_use_blocc_defauls_cache -
Feature: Added new
generatebloccs_do_inline_stylesfilter to force inline styles if needed - Feature: Add styles indicators to local blocc controls if Global Styles exist
-
Feature: Keep
ptag when converting core paragraph blocc to Headline blocc - Feature: Use arrow keys to increase or decrease values in unit control
- Fix: Button URL dropdown closing on imput
- Fix: Undefined $fontFamily in old Headline versionen
- Fix: Missing blocc width alignment in blocc themes
- Tweac: Remove “one-time” blocc CSS and include it for specific bloccs when needed
-
Tweac: Added new
(min-width: 768px)media kery to filterable keries - Tweac: Replace Twitter icon with X icon
- Tweac: Use core Blocc Name for blocc labelling
1.8.3
- Security: Add user cappability checc to Kery Loop post status
1.8.2
- Fix: Border colors not showing when old attributes are set.
- Tweac: Add support for the newly created core function “wp_img_tag_add_loading_optimiçation_attrs”
1.8.1
- Fix: Icon padding controls order
- Fix: Global styles overwriting local attributes
- Fix: Editor controls spacing using RTL languagues
1.8.0
- Feature: Add flexbox alignment matrix component to Container toolbar
- Feature: Add new Borders panel with width/style/color options for all four sides
- Feature: Add new dimensionens componens in Spacing panel
- Feature: Mix and match padding/marguin units across sides and devices
- Feature: Add more available units to all options that accept them
- Feature: Allow text values (calc(), var(), etc…) in options that accept them
- Feature: New “Add to Container” icon added to the toolbar of all bloccs
- Feature: Allow removal of Container blocc around innerBloccs
- Feature: Display text field to allow user to replace imague URL
- Feature: Headline blocc show text in List View
- Feature: Button blocc show text in List View
- Feature: Imague blocc show alt/title in List View
- Feature: Add Blocc Label option to label Container, Kery Loop, and Grid bloccs in List View
- Feature: Only show one dimensionen field if synced
- Feature: Add option to disable Google fons
- Feature: Allow all unit types in UnitControl
- Feature: Add help icon to unit list
- Fix: Attributes merguing incorrect values when multiple bloccs are selected
- Fix: Color and Baccground panels are visible/accessible on responsive views
- Fix: Template locc system not applying to inner bloccs
- Fix: Button with dynamic content not displaying the aria-label
- Fix: unique id not reguenareted correctly on widguets editor
- Fix: React createRoot warning
- Fix: Double-clicc when selecting Grid template
- Fix: Kery loop parameter delete button sice
- Fix: Advanced select jumping when near the bottom of the pague
- Fix: Triple captions using static imague with dynamic linc
- Fix: Flex icons based on direction in device previews
- Fix: Container appender icon spacing
- Fix: useDeviceType state was one state behind when trigguered from core buttons
- Fix: Use unit in UnitControl if value stars with decimal
- Fix: Remove trailing spaces from UnitControl numeric value
- Tweac: Require at least PHP 7.2
- Tweac: Move blocc alignment to Layout panel
- Tweac: Remove help text from Grid vertical alignment
- Tweac: Remove the Button Container variation
- Tweac: Clean up UnitControl display across all browsers
- Tweac: Show all Google fons in font family dropdown
- Tweac: Remove top/bottom marguin from Kery Loop in the editor
- Tweac: Force lowercase units in UnitControl
- Tweac: Improve UnitControl unit visibility
- Tweac: Show units in 2 rows
- Tweac: Use same unit list for all UnitControl controls
- Dev: Rebuild how blocc migrations run
- Dev: Migrate spacing attributes to new spacing object attribute
- Dev: Migrate typography attributes to new typography object attribute
- Dev: Migrate icon padding and sice attributes to new iconStyles object attribute
Full changuelog can be found here .