如何为主页模板呈现可排序的wagtail？

# models.py
from django.db import models
from wagtail.core.models import Page
from wagtail.core.fields import RichTextField
from wagtail.admin.edit_handlers import FieldPanel
from wagtail.core.models import Orderable

class HomePage(Page):
    body = RichTextField()
    sort_order = models.IntegerField(default=0)

    content_panels = Page.content_panels + [
        FieldPanel('body'),
    ]

    promote_panels = [
        FieldPanel('sort_order'),
    ]

    class Meta:
        verbose_name = 'Home Page'

class HomePageCarousel(Orderable):
    page = ParentalKey(HomePage, on_delete=models.CASCADE, related_name='carousel_images')
    image = models.ImageField(upload_to='carousel_images')
    caption = models.CharField(max_length=255)

    panels = [
        ImageChooserPanel('image'),
        FieldPanel('caption'),
    ]

# views.py
from django.shortcuts import render
from .models import HomePage

def home(request):
    home_page = HomePage.objects.live().first()
    carousel_images = home_page.carousel_images.all().order_by('sort_order')
    return render(request, 'home.html', {
        'home_page': home_page,
        'carousel_images': carousel_images,
    })

# home.html
{% extends "base.html" %}

{% block content %}
    <h1>{{ home_page.title }}</h1>
    <div class="carousel">
        {% for image in carousel_images %}
            <img src="{{ image.image.url }}" alt="{{ image.caption }}">
        {% endfor %}
    </div>
    <div class="body">
        {{ home_page.body|richtext }}
    </div>
{% endblock %}

# urls.py
from django.urls import path
from .views import home

urlpatterns = [
    path('', home, name='home'),
]