Columns Page Block

This page block type is the most sophisticated of the bunch, offering a wide variety of options for you to choose from. Can be simple content or clickable cards, can be 3, or 4 columns across, and some other variations available.

How To | Style Guide | Content Styles | Accessibility Tips | Page Blocks

H2 – Standard Wrapper Style, Icons, 2-Across, No Click

For this page block, the admin will be able to choose the Wrapper Style, the Image Style, the Number of Columns, and whether or not to apply a click-through URL.

This is a Component

It consists of a image upload, a header/title, and description text. This specific section you’re reading is considered the “description” text.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

Standard Wrapper Style, Icons, 3-Across, No Click

Further, this variation simply demonstrates how the standard wrapper style will look when used for a 3-across layout, with no click-through links.

This is a Component

It consists of a image upload, a header/title, and description text. This specific section you’re reading is considered the “description” text.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

Standard Wrapper Style, Icons, 4-Across, No Click

Further, this variation simply demonstrates how the standard wrapper style will look when used for a 3-across layout, with no click-through links.

This is a Component

It consists of a image upload, a header/title, and description text. This specific section you’re reading is considered the “description” text.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

H2 – Standard Wrapper Style, Photos, 2-Across, No Click

For this page block, the admin will be able to choose the Wrapper Style, the Image Style, the Number of Columns, and whether or not to apply a click-through URL.

This is the Component’s header/title

To simplify Content Entry, I’m leaning towards asking the admin to just upload 1200px wide images, and then allowing WordPress to pull in the most appropriate scaled-down size.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

H2 – Standard Wrapper Style, Photos, 3-Across, No Click

For this page block, the admin will be able to choose the Wrapper Style, the Image Style, the Number of Columns, and whether or not to apply a click-through URL.

This is the Component’s header/title

To simplify Content Entry, I’m leaning towards asking the admin to just upload 1200px wide images, and then allowing WordPress to pull in the most appropriate scaled-down size.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

H2 – Standard Wrapper Style, Photos, 4-Across, No Click

For this page block, the admin will be able to choose the Wrapper Style, the Image Style, the Number of Columns, and whether or not to apply a click-through URL.

This is the Component’s header/title

To simplify Content Entry, I’m leaning towards asking the admin to just upload 1200px wide images, and then allowing WordPress to pull in the most appropriate scaled-down size.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

This specific text you’re reading is the Component’s header/title

I think, by default, I like the idea of all Components being wrapped in a wrapper. Further, applying a click-through URL should be optional on a Component-By-Component basis.

Large Image Wrapper Style, Photos, 3-Across, No Click

For this “Large Image” wrapper style, can we limit the image style to only photo? Also, these cards below are NOT clickable. I thought it would be nice to give the admin flexibility whether or not to apply a clickthrough link for these cards.

This is the Component’s header/title

To simplify Content Entry, I’m leaning towards asking the admin to just upload 1200px wide images, and then allowing WordPress to pull in the most appropriate scaled-down size.

This specific text you’re reading is the Component’s header/title

This specific text you’re reading is the Component’s header/title

Sometimes, you may not want to place any text in this field, just to streamline things as much as possible.

Large Image Wrapper Style, Photos, 4-Across, No Click

For this “Large Image” wrapper style, can we limit the image style to only photo? Also, these cards below are NOT clickable. I thought it would be nice to give the admin flexibility whether or not to apply a clickthrough link for these cards.

This is the Component’s header/title

To simplify Content Entry, I’m leaning towards asking the admin to just upload 1200px wide images, and then allowing WordPress to pull in the most appropriate scaled-down size.

This specific text you’re reading is the Component’s header/title

This specific text you’re reading is the Component’s header/title

Sometimes, you may not want to place any text in this field, just to streamline things as much as possible.

This specific text you’re reading is the Component’s header/title