Comments (4)
Core embed blocks are now Variations of the core/embed
block.
You can use getBlockVariations( state, blockName, scope )
to get the block variations by block name.
from oik-blocks.
Requirements
The following blocks will need changing to support block variations.
- oik-blocks/blockicon
- oik-blocks/blockinfo
- oik-blocks/blocklist
oik-blocks/blockicon
- The Blocks select list needs to be updated to include the Block variations.
- The display of the icon may need updating
oik-blocks/blockinfo
- The Blocks select list needs to be updated to include the Block variations
- The display should list the variations ( in ascending name or title )
- If the
Show block link
toggle is on each variation should link to the defined block - For each variation the values for the other toggles should be respected.
oik-blocks/blocklist
- The list should include variations for each parent block with the selected prefix
- It should no longer be necessary to create
oikwp oik-create-blocks.php
commands - The Show block description toggle can be removed
Also, the core BlockIcon should be displayed by passing icon={block.icon}
. Was icon={block.icon.src}
.
from oik-blocks.
You can use
getBlockVariations( state, blockName, scope )
to get the block variations by block name.
That's the theory. In practice I didn't know how to do this because I was trying to use the wrong API.
In https://developer.wordpress.org/block-editor/packages/packages-blocks/
getBlockVariations
is documented as taking two parameters.
- blockName string: Name of block (example: “core/columns”).
- scope [WPBlockVariationScope]: Block variation scope name.
where scope is 'block' or 'inserter'.
In https://developer.wordpress.org/block-editor/data/data-core-blocks/ there's a different function with the same name.
This is used when working with select( 'core/blocks')
.
This is the stuff that I'm still struggling to understand.
Fortunately, I don't need to use this function; I just needed to use the right values for the parameters to the first.
from oik-blocks.
The Show block description toggle can be removed
Do two things at the same time.
- Change the
showDescription
toggle toshowVariations
; to optionally display the Variations. - Add logic to filter variations when the toggle is off.
- Don't worry about deprecation.
from oik-blocks.
Related Issues (20)
- Improve the Block info block to display a single block using same format as block list HOT 1
- Block validation failed when using the block inserter HOT 2
- Dashicons not being enqueued for logged out users HOT 2
- Add styles to the block icon block ( oik-blocks/blockicon ) HOT 3
- Fatal error: Uncaught Error: Call to undefined function bw_get_field_names() HOT 1
- Add `oik-block/blockstyles` block to display information about a block's styling
- Add new Fields to the Fields block: post_date, post_modified and author_name HOT 1
- Uncaught Error: Call to undefined function is_plugin_active() HOT 3
- Update blocks to build using wp-scripts, register with block.json. Test with WordPress 6.5 HOT 8
- Fatal error: Uncaught Error: Call to undefined function bw_load_plugin_textdomain()
- Block list block shows multiple core/navigation-link variations for WordPress 5.8 but not 5.7.2 HOT 7
- Block list block not showing icons with Gutenberg 11.9.0 HOT 5
- Visibility issues for some icons HOT 4
- Icons for Qubely's blocks appear very large
- Enable easier copy to clipboard of block list text HOT 1
- blocklist - Don't display the current theme's template variations HOT 1
- WSOD editing Jetpack plugin on jetpack.wp.a2z and jetpack.wp-a2z.org. Jetpack 11.3.1 HOT 13
- Blocklist - Add "Determine updates to apply" toggle to improve the process of detecting block changes HOT 1
- Support PHP 8.1 and PHP 8.2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from oik-blocks.