Essential Gutenberg blocks

3 essential Gutenberg block types for educational websites

The Gutenberg block editor makes creating dynamic WordPress pages simple. But what are the best types of blocks for creating a better user experience on an educational website?

Essential Gutenberg blocks
More Content

Grabbing the attention of digitally-native students is one thing, but holding their attention is even trickier. Imagine if you could bring together a series of bitesize content blocks that flow seamlessly into one easy-read page. It’s possible with the WordPress Gutenberg editor – but not all blocks are created equal. Creating a cohesive block series across multiple page layouts is essential to keeping user attention.

So, what are the best block types to use when creating educational websites? Here are our suggestions...

Best Gutenberg blocks for educational websites

  • Standard blocks for consistent layouts
  • Specialised blocks to enhance the user experience
  • Embed blocks for integrating other digital platforms

Standard Gutenberg block types for consistent layouts

A landing page is typically created from the following Gutenberg block types; header text, image, video, paragraph and spacer. Combining these blocks makes generating visually appealing, well-spaced pages with a good media-to-text ratio possible. But one page is just the start when creating consistency across the site. Even standard blocks must be branded to reflect your institution's identity, and within each blog (e.g. text), you'll need to control variables like text height and colour, background colour etc. 

By working with a development agency such as ourselves, you’ll benefit from fully branded, custom-built Gutenberg blocks already set up within the content management system (CMS). Content creators can confidently select from multiple, limited options without fear of straying off-brand. It’s worth noting that our sites ‘lock down’ the ability to select generic Gutenberg blocks post development a) to ensure new additions remain on brand and b) to prevent the volume of choice from becoming overwhelming.

Gallery Image

Specialised blocks to enhance the user experience 

The basic Gutenberg blocks above are fundamental to presenting consistent content across the site. But that doesn't guarantee engagement. Adding specialist blocks to showcase content and enhance the user experience is essential to guiding student users through the site. Custom course page blocks to highlight course content and block links (e.g. three squares in a row) to organise curriculum landing pages or specialist quote, column, or statistic count-up blocks all contribute to increasing engagement levels.

By including these blocks, you’ll create a site that directs student users more effectively to what they need and enhances the user experience. A key benefit of the Gutenberg editor is its ability to ‘extend’. You can commission new blocks anytime, reacting to user behaviour and enhancing your site’s ability to deliver content. This approach is particularly effective when based on analytics data, allowing you to respond with agility to user needs.

Embed blocks for integrating other digital platforms

Educational institutions often use multiple platforms to deliver and manage services. Blocks that embed other platforms like Eventbrite, MailChimp and YouTube to the site are integral to incorporating necessary services. Embedding these platforms through the block editor creates a seamless experience without disrupting the student user journey. It creates a professional look and feel that leaves students in no doubt you know your technology. Our ability to integrate these platforms is subject to their current guidelines and is subject to change. 

Something else to consider…

Once your block types have been created, you can use them to create as many additional page elements or pages as you like. But we find that too much choice can actually be daunting and result in users straying from branding guidelines. Besides, there'll be lots of pages that need a similar, consistent layout. So, as well as offering example layouts in the design phase and giving training on the use of the Gutenberg block editor, we also provide Gutenberg Patterns. 

Patterns are preset groups of blocks that can be used as page ‘templates’. We use the word template loosely because they’re not fixed – you can still add in or take away blocks as you wish. However, they’re very useful for items like course pages, where you need the layout and information to be presented similarly across multiple pages.

This is a small selection of recommended blocks for educational websites, the options are limitless depending on budget. If you’d like to discuss what’s possible, please get in touch.

Find out more about our educational services Find out more about our educational services
Sign up for our newsletter
Sign up
Latest
Arrow left Arrow right
2023 Web Trends: 3 web trends perfect for enhancing the consumer experience in 2023
Blog Article 2023 Web Trends: 3 web trends perfect for enhancing the consumer experience in 2023
Read more: 2023 Web Trends: 3 web trends perfect for enhancing the consumer experience in 2023
Latest News Feel Created shortlisted for two Wakefield Business Awards
Feel Created shortlisted for two Wakefield Business Awards
Read more: Feel Created shortlisted for two Wakefield Business Awards
Cyber Essentials Certification Renewed for WordPress Website Specialist
Latest News Cyber Essentials Certification Renewed for WordPress Website Specialist
Read more: Cyber Essentials Certification Renewed for WordPress Website Specialist
What We Do Custom WordPress design & development
Read more: Custom WordPress design & development
Venn
Project Venn
Read more: Venn
What We Do Hosting and Maintenance
Read more: Hosting and Maintenance
Thinc
Project Thinc
Read more: Thinc
What We Do Web design
Read more: Web design
WordPress websites – Reasons to go custom on your website development
Blog Article WordPress websites – Reasons to go custom on your website development
Read more: WordPress websites – Reasons to go custom on your website development
Blog Article Writing Winning Award Entries
Writing Winning Award Entries
Read more: Writing Winning Award Entries
Feel Created Shortlisted for Prolific North Creative Award 2023
Latest News Feel Created Shortlisted for Prolific North Creative Award 2023
Read more: Feel Created Shortlisted for Prolific North Creative Award 2023
Latest News ACT 360 immersive Spaces by Igloo Vision wins EdTech Cool Tool Award 2023
ACT 360 immersive Spaces by Igloo Vision wins EdTech Cool Tool Award 2023
Read more: ACT 360 immersive Spaces by Igloo Vision wins EdTech Cool Tool Award 2023
Nicholas Associates
Project Nicholas Associates
Read more: Nicholas Associates
Project Longitude, WordPress CMS build
Longitude, WordPress CMS build
Read more: Longitude, WordPress CMS build
Meet our digital marketing apprentice, Amy Lawrence
Blog Article Meet our digital marketing apprentice, Amy Lawrence
Read more: Meet our digital marketing apprentice, Amy Lawrence
Blog Article Meet our creative director, Ian Long
Meet our creative director, Ian Long
Read more: Meet our creative director, Ian Long
What We Do Digital tool planner sessions
Read more: Digital tool planner sessions
Project Learning English
Learning English
Read more: Learning English
Feel Created partners with Blackpool Sixth Form College to deliver new website
Latest News Feel Created partners with Blackpool Sixth Form College to deliver new website
Read more: Feel Created partners with Blackpool Sixth Form College to deliver new website
What We Do Website & System development
Read more: Website & System development