Now that we have a Projects page in our site, and we have the attributes that are required to power it, let’s create our custom block type for the Project Grid:

Let’s determine the functionality that we want in this block. We want a headline that’s configurable, but everything else is very specific to this block. The HTML that ships with the block is pretty rigid -- it doesn’t support an arbitrary number of items, so let’s not give users the ability to choose the number of projects to show. Additionally, let’s lock this down to showing projects in reverse chronological order (so that the most recent projects show in this list.)

With that in mind, we really only need the following data in our block type:

  • Project Grid Headline

This will be a single field, and it will control the portion of the field that’s black as well as red (more on this later.)