You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Add new "BLOCK BINDINGS" tag to tags.json and update README files for various plugins to reflect new table formatting. This includes examples for Editor Bindings, Interactive Blocks, Interactivity API Countdown, and Post Meta Testimonial, ensuring consistent presentation and improved clarity.
Copy file name to clipboardExpand all lines: _data/tags.json
+5Lines changed: 5 additions & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -98,5 +98,10 @@
98
98
"slug": "server-side-rendering",
99
99
"name": "SERVER SIDE RENDERING",
100
100
"description": "These examples demonstrate how to build a simple block that is rendered on the server and displayed in the Editor using the [`ServerSideRender` component](https://developer.wordpress.org/block-editor/reference-guides/packages/packages-server-side-render/)."
101
+
},
102
+
{
103
+
"slug": "block-bindings",
104
+
"name": "BLOCK BINDINGS",
105
+
"description": "These examples demonstrate the use of the [Block Bindings API](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-bindings/) to dynamically bind block attributes to WordPress data sources."
Copy file name to clipboardExpand all lines: plugins/editor-bindings/README.md
+3-5Lines changed: 3 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,11 +6,9 @@ This example is taken from the following WordPress Developer Blog post:
6
6
7
7
<!-- Please, do not remove these @TABLE EXAMPLES BEGIN and @TABLE EXAMPLES END comments or modify the table inside. This table is automatically generated from the data at _data/examples.json and _data/tags.json -->
8
8
<!-- @TABLE EXAMPLES BEGIN -->
9
-
10
-
| Example | <spanstyle="display: inline-block; width:250px">Description</span> | Tags | Download .zip | Live Demo |
|[Block Editable](https://github.com/WordPress/block-development-examples/tree/trunk/plugins/editable-block-1b8c51)| Shows how to create a block with editable content using the block editor's core editing components and attributes. ||[📦](https://github.com/WordPress/block-development-examples/releases/download/latest/editable-block-1b8c51.zip'Install the plugin on any WordPress site using this zip and activate it to see the example in action')|[](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/plugins/editable-block-1b8c51/_playground/blueprint.json'Click here to access a live demo of this example')|
13
-
9
+
| Example | <spanstyle="display: inline-block; width:250px">Description</span> | Tags |Download .zip | Live Demo |
|[Editor Bindings](https://github.com/WordPress/block-development-examples/tree/trunk/plugins/editor-bindings)| Shows how to create a block that uses editor bindings to connect custom fields to the block editor. | <small><code><ahref="https://WordPress.github.io/block-development-examples/?tags=block-bindings">block-bindings</a></code></small> |[📦](https://github.com/WordPress/block-development-examples/releases/download/latest/editor-bindings.zip"Install the plugin on any WordPress site using this zip and activate it to see the example in action")|[](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/plugins/editor-bindings/_playground/blueprint.json"Click here to access a live demo of this example")|
Copy file name to clipboardExpand all lines: plugins/interactive-blocks-demos-99def1/README.md
+3-5Lines changed: 3 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -19,11 +19,9 @@ _This example has been adapted from [the original one](https://github.com/wptrai
19
19
20
20
<!-- Please, do not remove these @TABLE EXAMPLES BEGIN and @TABLE EXAMPLES END comments or modify the table inside. This table is automatically generated from the data at _data/examples.json and _data/tags.json -->
21
21
<!-- @TABLE EXAMPLES BEGIN -->
22
-
23
-
| Example | <span style="display: inline-block; width:250px">Description</span> | Tags | Download .zip | Live Demo |
| [Interactive Blocks](https://github.com/WordPress/block-development-examples/tree/trunk/plugins/interactive-blocks-demos-99def1) | Collection of examples showing how to create blocks with interactive features and client-side functionality. | <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=interactive-block">interactive-block</a></code></small> <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=multi-block">multi-block</a></code></small> | [📦](https://github.com/WordPress/block-development-examples/releases/download/latest/interactive-blocks-demos-99def1.zip 'Install the plugin on any WordPress site using this zip and activate it to see the example in action') | [](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/plugins/interactive-blocks-demos-99def1/_playground/blueprint.json 'Click here to access a live demo of this example') |
26
-
22
+
| Example | <spanstyle="display: inline-block; width:250px">Description</span> | Tags |Download .zip | Live Demo |
| [Interactive Blocks](https://github.com/WordPress/block-development-examples/tree/trunk/plugins/interactive-blocks-demos-99def1) | Collection of examples showing how to create blocks with interactive features and client-side functionality. | <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=interactive-block">interactive-block</a></code></small> <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=multi-block">multi-block</a></code></small> | [📦](https://github.com/WordPress/block-development-examples/releases/download/latest/interactive-blocks-demos-99def1.zip "Install the plugin on any WordPress site using this zip and activate it to see the example in action") | [](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/plugins/interactive-blocks-demos-99def1/_playground/blueprint.json "Click here to access a live demo of this example" ) |
Copy file name to clipboardExpand all lines: plugins/interactivity-api-countdown-3cd73e/README.md
+3-5Lines changed: 3 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,11 +4,9 @@ This example demonstrates how to create an interactive countdown timer block usi
4
4
5
5
<!-- Please, do not remove these @TABLE EXAMPLES BEGIN and @TABLE EXAMPLES END comments or modify the table inside. This table is automatically generated from the data at _data/examples.json and _data/tags.json -->
6
6
<!-- @TABLE EXAMPLES BEGIN -->
7
-
8
-
| Example | <span style="display: inline-block; width:250px">Description</span> | Tags | Download .zip | Live Demo |
| [Interactivity API Countdown](https://github.com/WordPress/block-development-examples/tree/trunk/plugins/interactivity-api-countdown-3cd73e) | Advanced example showing how to create an interactive countdown timer using the WordPress Interactivity API. | <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=dynamic-rendering">dynamic-rendering</a></code></small> <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=interactive-block">interactive-block</a></code></small> <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=interactivity-api">interactivity-api</a></code></small> <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=experimental">experimental</a></code></small> <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=block-toolbar">block-toolbar</a></code></small> | [📦](https://github.com/WordPress/block-development-examples/releases/download/latest/interactivity-api-countdown-3cd73e.zip 'Install the plugin on any WordPress site using this zip and activate it to see the example in action') | [](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/plugins/interactivity-api-countdown-3cd73e/_playground/blueprint.json 'Click here to access a live demo of this example') |
11
-
7
+
| Example | <spanstyle="display: inline-block; width:250px">Description</span> | Tags |Download .zip | Live Demo |
| [Interactivity API Countdown](https://github.com/WordPress/block-development-examples/tree/trunk/plugins/interactivity-api-countdown-3cd73e) | Advanced example showing how to create an interactive countdown timer using the WordPress Interactivity API. | <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=dynamic-rendering">dynamic-rendering</a></code></small> <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=interactive-block">interactive-block</a></code></small> <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=interactivity-api">interactivity-api</a></code></small> <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=experimental">experimental</a></code></small> <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=block-toolbar">block-toolbar</a></code></small> | [📦](https://github.com/WordPress/block-development-examples/releases/download/latest/interactivity-api-countdown-3cd73e.zip "Install the plugin on any WordPress site using this zip and activate it to see the example in action") | [](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/plugins/interactivity-api-countdown-3cd73e/_playground/blueprint.json "Click here to access a live demo of this example" ) |
0 commit comments