What Matters: [dev] Modular Page Primer

Modular Page Basics

A Modular Page is a Content type within Contentful that allows you to build pages with blocks of content.

This page is an internal tutorial covering Modular Pages. This page’s status is set to Draft so it should only appear on the QA server.

Unlike a Deluxe Page, a Modular Page:

is automatically generated in the site generator, 11ty, without the need for a developer to manually a page to the codebase
uses several block types for its content

Modular Blocks

Block - Rich Text
Block - Media
Block - Newsletter Form
Block - CTA
Block - Page Cards

Block - Rich Text

Rich Text block is for rich text content. Use Markdown for formatting. Text can be bold or italic. Include links to other pages, like Get Started or Get Inspired

Use blockquotes to feature text content with emphasis. And lo, it was written thusly.

You can insert images within Rich Text Blocks.

wm-maven-1

One special feature is that any link in an h3 will be displayed as grey button.

### [Welcome to What Matters](/welcome-to-what-matters)

Welcome to What Matters

Block - Media

Display images and YouTube videos with the Media Block. Use credits to display authorship info.

[dev] Block - Media full-width.

Add credits to display authorship for the photo or link back to its source

[dev] - YouTube embed

Add a Newsletter Form Block to add a newsletter email sign-up form. You can set the description and button text.

Block - CTA

Add Block - CTA to add a big clickable Call-To-Action. You can set image, title text and button text. The CTA can link to internal pages or external URLs.

sidneydealmeida - stock.adobe.com, Nubank credit card and wallet

All your dreams will come true, this Spring.

Find out more

Block - Page Cards

Display a collection of pages with the Page Cards Block. Any Article, FAQ, Resource, and Series Entry may be displayed.

[dev] Page Cards demo

Q&A with Anne Wojcicki

The founder and CEO of 23andMe shares the ups, downs, and in betweens of goal setting.

How to Build the Workforce of the Future with OKRs

Using OKRs to power growth, engagement, and diversity.

person with colored domino stack, cascading okrs like dominos

Changing OKRs Before the Cycle Ends

Can goals be changed in the middle of a quarter or cycle in OKRs? When a new or significantly recalibrated high-level quarterly OKR comes up, what’s the best way to keep your team unified?

dear andy, a new OKR advice column from the team at WhatMatters.com

Dear Andy: Annual vs. Quarterly OKRs

When companies adopt OKRs, they choose annual or quarterly goal setting. Here are the ways to get the best use out of these two different cadences.

whatmatters.com, okrs and cfrs how do they work together

How do OKRs and CFRs Work Together?

CFRs are the “sibling” to OKRs and stand for Conversations, Feedback, and Recognition. Learn more about how CFRs complement OKRs and the best way to practice them here.

whatmatters.com, lean strategy and okrs differences

OKRs and LEAN strategy: What's the Difference?

OKRs and Lean strategy go hand-in-hand in their overarching goal: figuring out what really matters. Learn how OKRs and lean strategy work together here.

The Equity Pause

Take a moment during your OKR process to consider diversity, equity and inclusion. How can your goal-setting process help (or hinder) progress within your organization?

compass on black background, benefits of okrs, pointing north

What is an OKR?

Take a look at the basic components of an OKR and see how they differ from KPIs.