Elements
(Dynamic)
Dynamic elements automatically pull content in from other places (like a feed of blog posts).
In many cases, you can use CSS classes like .bg-dark
, .larger
or .invert
to quickly modify the appearance of many of these sections. To learn more about available classes, visit your Style Guide.
Looking for more elements?
Visit your static elements library.
⚡️ Quick Tip
How to use classes in the page builder
All page builder elements, from rows, to columns, to modules, allow you to assign custom CSS classes to manipulate their appearance in a predefined way. We have indicated when this is the case with any of the elements below.
To assign a class to an element:
- Open the Row, Column, or Module settings.
- Click the "Advanced" tab.
- Scroll to the bottom.
- Enter your desired class in the "Classes" field. (To add multiple classes, separate them with a space.)
- Hit "Save"
Bonus: You can add the class invert
to any element to create inverted text (like this!)
Feeds
Feed - Featured Post
Tip: You can also use these items as one-offs (displayed without a feed) to highlight just one piece of content.
Feed - Featured Event
Tip: You can also use these items as one-offs (displayed without a feed) to highlight just one piece of content.
Feed - Featured Resources
Featured Resources
Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis.
Feed - Grid with Filters - Posts
Sed cursus sit morbi scelerisque curabitur. Vel et mollis fermentum at nunc, pretium.
Feed - Grid with Filters - Resources
Sed cursus sit morbi scelerisque curabitur. Vel et mollis fermentum at nunc, pretium.
“Multiliterate Approach to Chord Lyric Notation in Class Guitar” Lesson Plan
Guitar classrooms are an ideal place to explore the concept of multiliteracy. Multiliteracy posits that a contemporary literacy curriculum should invite the reader to negotiate and create utilizing a multitude…
“Favorite Song and Artist” Lesson Plan
Celebrate Music In Our Schools Month® by highlighting and sharing all the ways your school community is musical. Download this resource to learn more.
“Scale Wars: A Music Theory Saga” Lesson Plan
This lesson could take one or two periods (or even three) to complete depending on scheduling. It leads students from learning the basic pattern of major scales to writing them…
“Modern Band Meets the Secondary Choral Rehearsal” Lesson Plan
This plan is truly a 10-minute introduction, but it could carry over several rehearsals to give students an opportunity to revise their arrangement as well as their performance in collaboration…
Grids
Grid - Simple Grid with Image
Collaborative Ensemble Rehearsals: Tools for Inquiry-Based Learning
Federal Policy Changes in 2025: What Music Educators Need to Know
Grid - Simple Grid
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
Grid - Complex Grid
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
NAfME AI Task Force
The latest breakthrough advancement in technology, Artificial Intelligence (AI), has the potential to significantly transform the landscape of music education. As new technology becomes integrated into school systems, it’s important…
Music Teacher Profession Advisory Committee
The work of the Music Teacher Profession Initiative (MTPI), begun in January 2021, brought attention to the importance of music teacher education as a primary responsibility of the National Association…
Teaching Music Magazine Advisory Committee
Teaching Music Magazine is the NAfME publication for all members at all teaching levels and in all areas. Membership includes four issues per year, distributed both in print and digitally. Articles…
Grid - Complex Grid without leadin
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
A Bigger Life: An Open Letter from a 3 Strings UnLoCkeD Southwest Parent
A Bigger Life An Open Letter from a 3 Strings UnLoCkeD Southwest Parent By NAfME Council for Guitar Education in collaboration with Parent Ms. Sarah Shea “Michael finally fell…
Creative Expression through Free Improvisation
Creative Expression through Free Improvisation Increase Creativity, Connection, and Communication By NAfME member Carole Ott Coelho and Tadeu Coelho Free improvisation has been shown to increase creativity, connection, and communication…
Isolating and Attacking Musical Phrases for Accuracy
Do You Hear What I Hear? Isolating and Attacking Musical Phrases for Accuracy By NAfME Member Lori Schwartz Reichl This article was originally published in the February 2019 teacher edition…