New Wagtail Course! 🥳 The Ultimate Wagtail Developers Course

Tutorial Wagtail Version: 2.x

How to use Orderables in Wagtail CMS

Discover how to use Djangos Inline Models within a Wagtail Page in a feature called Orderable. Orderables let you add movable content to your page without needing a StreamField. In this video, we'll create a Bootstrap 4 Image Gallery on our Home Page model using an Orderable.

In this video I go over how to add an Orderable to an existing Wagtail CMS Page. We'll use this feature instead of a StreamField to create an image gallery using a Bootstrap 4 Carousel.

The pros to using an Orderable instead of a ListBlock StreamField is that you can set a minimum and maximum number of items to add. In our example, we set a maximum of 5 images and a minimum of 1.

But the other hidden benefit is we can place our new Orderable content anywhere in the template and it's not confined to the loop where our StreamFields are rendered.

Related tutorials

How to Use ListBlocks to Create Repeating StreamField Content

Posted on

Occasionally you'll want a StreamField that can have multiple repeating content areas. A good example is the design component known as a Card. In this lesson we'll explore a ListBlock to enable us to create unlimited cards with custom data, ImageChooserBlock, PageChooserBlock and how to loop through a ListBlock in your Wagtail CMS template.

View lesson, How to Use ListBlocks to Create Repeating StreamField Content

How to Add a Basic StreamField to your Wagtail CMS Page

Posted on

In this lesson we are going to learn how to add a basic StreamField to a a generic Wagtail CMS Page. We'll create a new app from scratch, and this StreamField will have a title and text (using StructBlock), a custom template, and it will lay the foundation for the next lesson which covers inheriting RichTextBlock and modifying the features it can have.

View lesson, How to Add a Basic StreamField to your Wagtail CMS Page

How to Add a RichText StreamField to your Wagtail CMS Page

Posted on

In this video we are going to learn how to create a RichTextBlock StreamField, and then we're going to duplicate that StreamField and limit the number of features the editor gives us.

View lesson, How to Add a RichText StreamField to your Wagtail CMS Page

How to Deploy Wagtail to Heroku

Posted on

Learn how to deploy a brand new Wagtail site to a free Heroku instance.

View lesson, How to Deploy Wagtail to Heroku

The Ultimate Wagtail Developers Course

This course covers everything from basic installation to advanced features like custom blocks and API integration, it's perfect for developers looking to enhance their skills with this powerful CMS.

Ultimate Wagtail Developers Course Logo