Skip to main content
NC State Home

Sandwich Narrative Block

Use a Sandwich Narrative block as a supplement that expands upon a specific point within a larger story. While the main Page or Post content sets the stage and gives full details on a particular topic, the Sandwich Narrative block allows users to present a secondary, shorter yet relevant story embedded directly within the original narrative that can add additional context, emphasize a point or simply add more interest to the current story.

With this block, part of the content can be hidden behind a collapsible area so that users can choose to continue reading more if they want to, but they can also continue reading the main story without needing to scroll past a longer sidebar.

GIF showing the process of expanding and collapsing the content contained in a Sandwich Narrative

Within the editor, the dotted outlined area denotes where content to be hidden should be entered.

GIF showing the difference between where to enter text that is always on display and where to enter text that can be expanded and collapsed

Additional options include background color, whether to use an image and customization of the “Expand to Read More” call to action.

Image Recommendations

Although a variety of image sizes could work well in this block, a good start is the typical 16:9 1500px x 844px size for landscape images or the inverse portrait style in the 9:16 ratio (844px x 1500px).

Images of other sizes (especially larger ones) are fine, though it’s good to keep in mind how certain images may look when viewed on a mobile device. For example, an extremely tall portrait-style image (5000px tall by 50px wide, for example) could be less than ideal for the mobile experience, where the image and text stack over each other. When in doubt, use the View options in the upper right-hand corner of your WordPress editor page to preview what the mobile experience will look like.