Academics
A living reference for every custom block in the Grace Church School theme. Usage notes appear above each block. Blocks marked “add via inserter” must be placed using the block inserter — their HTML is generated by JavaScript and can’t be included in pasted markup.
Full-width page hero with a background image or video. Blocks placed inside are overlaid on the background. Best used as the first block on interior pages. Set the background image via the block inspector. When this is the first block on a page, the has-hero-header body class is applied automatically (hides the standard page header).
→ Add via inserter: search “Hero Primary”
MESSAGE FROM THE HEAD OF SCHOOL
“Notable quote from Robbie can be featured here as a teaser to the HoS welcome page.”
Robbie Pennoyer, Head of School
Full-bleed navy section with a large hero image card (organic corner mask shapes) and an open column grid below. Set the hero image, eyebrow, heading, body, and CTA in the inspector. The grid below accepts any blocks — each becomes a column on desktop.
→ Add via inserter: search “Feature Hero”
PHILOSOPHY
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Our Educational Philosophy“Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo. Cras mattis consectetur purus sit amet fermentum”
Firstname Lastname, Position
Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper ipsum amet.
Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper ipsum amet.
Two-column CTA section. Left column is open InnerBlocks — add any Gutenberg blocks (headings, paragraphs, Quote Bubble, Buttons, etc.). Right column is a full-bleed image set via the inspector. On mobile the image stacks on top with a decorative navy notch.
→ Add via inserter: search “Media Text“
Section Label (optional)
Brief text that will give a small preview of the content you want them to read more about. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec sed odio dui.
Two-column section: heading/body/CTA on the left, a grid of Info Cards on the right. Configure the heading, body, column count (1–3), and left-side content type (CTA button or links list) in the inspector. Add Info Card blocks as InnerBlocks inside it.
→ Add via inserter: search “Info Grid”, then add “Info Card” blocks inside it
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.
Inquire
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante
Apply
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante
Interview & Tours
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante
Records & Testing
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante
A row of image cards with a distinctive arch/dome-top shape. Add/remove cards and set each card’s image, title, description, and link via the inspector. Section eyebrow, heading, and CTA button are also configurable. Images are required for the arch shape to display correctly.
→ Add via inserter: search “Arch Cards”
Interactive timeline of school divisions (Early Childhood → Alumni). Set the heading, per-division images, descriptions, and bottom CTA in the inspector. All five division images should be uploaded for the best result.
Joyful discovery and the love of learning.
Curiosity, creativity, and academic rigor.
Growth, independence, and community.
Scholarship, leadership, and purpose.
A lifelong connection to Grace.
Joyful discovery and the love of learning.
Curiosity, creativity, and academic rigor.
Growth, independence, and community.
Scholarship, leadership, and purpose.
A lifelong connection to Grace.
Flexible grid container. Add Image Cards, Program Cards, or Staff Cards as InnerBlocks. Set column count (2–4) in the inspector. Section heading and optional intro text are editable inline.
→ Add via inserter: search “Card Grid”, then add card blocks inside it
Use as necessary
News/story card with image, eyebrow, title, description, and link. Set the image and link URL in the inspector; eyebrow, title, and description are editable inline. Choose size (small/medium/large) and heading level in the inspector. Best used inside a Card Grid.
→ Add inside a Card Grid via the inserter
Our historic home in the heart of Greenwich Village, where tradition meets contemporary learning in a labyrinth of discovery.
A state-of-the-art facility designed for independence, research, and the artistic energy of Astor Place.
Compact card linking to a Program (custom post type). Set the image, eyebrow, title, heading level, and URL in the inspector. Best used inside a Card Grid. Requires Program posts to be published first.
→ Add inside a Card Grid via the inserter
Faculty/staff profile card with photo, division label, name, job title, and optional link. Set the photo in the inspector. Works standalone or inside a Card Grid (3–4 columns for a directory layout).
→ Add via inserter: search “Staff Card”
Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet cras justo odio.
Feature card with optional icon, small label, title, and body text. Used as children inside the Info Grid block. Icon is set via the inspector; label, title, and body are editable inline.
→ Add inside an Info Grid via the inserter
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.
Inquire
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante
Apply
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante
Interview & Tours
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante
Records & Testing
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante
Bold statistic callout with optional icon, a large stat/number, and a supporting label. Stat and label are editable inline. Works standalone or inside the Feature Hero grid.
→ Add via inserter: search “Stat Card”
X:Y
STUDENT-FACULTY RATIO
XXX
COLLEGE PLACEMENT
XX
AVERAGE CLASS SIZE
$XX
ANNUAL FINANCIAL AID
Light-blue speech bubble for testimonials or pull quotes. Quote and attribution are editable inline. Choose the tail/arrow position (Top, Left, or Right) in the inspector. Can be used standalone or nested inside Feature Hero or Split CTA.
→ Add via inserter: search “Quote Bubble”
“Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo. Cras mattis consectetur purus sit amet fermentum”
Firstname Lastname, Position
Collapsible FAQ/content section. Add or remove Accordion Item blocks inside — each has an editable title bar and open InnerBlocks for body content. Toggle “Allow multiple open” in the inspector to control how many items can expand at once.
→ Add via inserter: search “Accordion”, then add “Accordion Item” blocks inside it
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Accordion content goes here.
Accordion content goes here.
Embla Carousel slider for testimonials. Add Testimonial Slide blocks inside — each slide has an editable quote and attribution. Configure autoplay, speed, arrows, dots, and loop in the inspector.
→ Add via inserter: search “Testimonials”, then add “Testimonial Slide” blocks inside it
General-purpose Embla Carousel. Add Slide blocks inside — each Slide is open InnerBlocks so you can place any block inside (images, cards, etc.). Configure slides-per-view, gap, autoplay, arrows, dots, and loop in the inspector. For quote-based sliders use Testimonials instead.
→ Add via inserter: search “Slider”, then add “Slide” blocks inside it
Pulls in recent posts automatically. Set the section heading, post count, and optional category filter in the inspector. Switch to “Manual” mode to hand-pick posts. Includes a “View All” button — set its label and URL in the inspector.
Highlights one primary featured program and up to three secondary program cards, linking to their Program post type pages. Select each program from the dropdowns in the inspector. Requires published Program posts. Set a “View All” URL to link to the programs archive.
Embeds a Spotlight Instagram feed via shortcode. Paste the Spotlight shortcode into the inspector field. Choose a solid color or image background, and configure the button label and URL below the feed.
Server-rendered dynamic block for in-page sidebar navigation. Use on pages with the “Page with Sidebar” template. No editable attributes — auto-populates from the navigation menu assigned to the current page. Assign a menu under Appearance → Menus to see it render.
The Grace Fund
Each gift supports intellectual excellence, ethical virtue, and joy across our program.
2%
OF $3,900,000 GOAL MET
