15 results found for “useblockprops”. Showing results 1 to 15.

• Supports

  Block Supports is the API that allows a block to declare support for certain features.

• Meta Boxes

  Overview

• API Versions

  This document lists the changes made between the different API versions.

• Edit and Save

  When registering a block with JavaScript on the client, the edit and save functions provide the interface for how a block is going to be rendered within the editor, how it will operate and be manipulated, and how it will be saved.

• The block wrapper

  Every block in the Block Editor is contained within an HTML wrapper, which must have specific attributes to function correctly both in the Editor and on the front end. As developers, we can directly manipulate this markup, and WordPress offers tools like useBlockProps() to modify the attributes added to a block’s wrapper.

• RichText Reference

  RichText is a component that allows developers to render a contenteditable input, providing users with the option to format block content to make it bold, italics, linked, or use other formatting.

• Internationalization

  What is internationalization?

• @wordpress/block-editor

  This module allows you to create and use standalone block editors.

• Creating dynamic blocks

  Dynamic blocks are blocks that build their structure and content on the fly when the block is rendered on the front end.

• Registration of a block

  Blocks in WordPress are typically bundled in a plugin and registered on both the server and client-side using block.json metadata.

• The block in the Editor

  The Block Editor is a React Single Page Application (SPA). Every block in the Editor is displayed through a React component defined in the edit property of the settings object used to register the block on the client.

• Use styles and stylesheets

  Overview

• Nested Blocks: Using InnerBlocks

  You can create a single block that nests other blocks using the InnerBlocks component. This is used in the Columns block, Social Links block, or any block you want to contain other blocks.

• Tutorial: Build your first block

  In this tutorial, you will build a “Copyright Date Block”—a basic yet practical block that displays the copyright symbol (©), the current year, and an optional starting year. This type of content is commonly used in website footers.

• Static or Dynamic rendering of a block

  A block’s front-end markup can either be dynamically generated server-side upon request (dynamic blocks) or statically generated during the save process in the Block Editor (static blocks). This article explores each method.