Site Building

8.2. Creating A Custom Block for Drupal 8, 9, and 10

Goal

Create a block showing the hours and location of the farmers market.

Prerequisite knowledge

Steps

  1. In the Manage administrative menu, navigate to Structure > Block layout > Custom block library (admin/structure/block/block-content).
  2. Click Add custom block. The Add custom block page appears.

  3. Fill in the fields as shown below.

    Field name Explanation Example value

    Block description

    Name of the block shown to administrators

    Hours and location block

    Body

    Content of the block when it is displayed

    Open: Sundays, 9 AM to 2 PM, April to September<br />Location: Parking lot of Trust Bank, 1st & Union, downtown Anytown.

    Add a custom block

  4. Click Save. A message appears indicating the block has been saved.

Expand your understanding

  • Edit the content of your custom block. In the Manage administrative menu, navigate to Structure > Block layout > Custom block library (admin/structure/block/block-content). Find your block in the list and click Edit to make changes.
  • Place the block you created in the sidebar. See Section 8.3, “Placing a Block in a Region” for details.

Additional resources

Drupal.org community documentation page "Managing blocks"

Attributions

Adapted by Jacob Redding and Boris Doesborg from Managing blocks, copyright 2000-2023 by the individual contributors to the Drupal Community Documentation.