Homeにブログリストを挿入したい

Question

###やりたいこと
以下の写真のようなHomeにBlogListを挿入したいです。今のところ１ページずつ別でhtmlが存在しており、正常に動いています。blog_detail_pageというところからwagtailを使って、自動的にlisting_pageに反映しています。そこでlisting_page.htmlのコードをhome.htmlに転記した結果が以下の写真です。しかし、実際に反映されているのはテンプレートタグの影響がない部分のみで、影響がある部分については反映されていません。特にエラーも出ていないため、どう変えればいいのかわからず詰まってしまっています。解決のご協力お願いいたします。

###ためしたこと
modelのテンプレートHTMLをhomeにしたりしました。
ルーティングに問題があるのかと思い、そのあたりもいじりましたがこれといった変化はありませんでした。

###関係コード

#blog/model.py

from django.db import models
from django.utils import timezone
from django.contrib.auth.models import User
from django.shortcuts import render
from django import forms

from wagtail.core.models import Page
from wagtail.core.fields import RichTextField, StreamField, RichTextField
from wagtail.admin.edit_handlers import FieldPanel, StreamFieldPanel, MultiFieldPanel
from wagtail.images.edit_handlers import ImageChooserPanel
from wagtail.snippets.models import register_snippet
from wagtail.contrib.routable_page.models import RoutablePageMixin, route

from modelcluster.fields import ParentalKey, ParentalManyToManyField

from streams import blocks

class BlogListingPage(RoutablePageMixin,Page,models.Model):
    template = "blog/blog_listing_page.html"
    custom_title = models.CharField(
        max_length=100,
        blank=False,
        null=False,
        help_text="Overwrites the default title",
    )
    custom_subtitle = RichTextField(features=["bold", "italic"], default='test')
    blog_image = models.ForeignKey(
        "wagtailimages.Image",
        null=True,
        blank=False,
        on_delete=models.SET_NULL,
        related_name="+",
    )
    timestamp = models.DateTimeField(default=timezone.now)

    content_panels = Page.content_panels + [
        FieldPanel("custom_title"),
        FieldPanel("custom_subtitle"),
        ImageChooserPanel("blog_image"),
        FieldPanel('timestamp')
    ]

    def get_context(self,request,*arg,**kwargs):
        context=super().get_context(request,*arg,**kwargs)
        context["posts"]=BlogDetailPage.objects.live().public()
      #  context["categories"] = BlogCategory.objects.all()
        return context

    @route(r'^latest/?$', name="latest_posts")
    def latest_blog_posts_only_shows_last_5(self, request, *args, **kwargs):
        context = self.get_context(request, *args, **kwargs)
        context["posts"] = context["posts"][:1]
        return render(request, "blog/latest_posts.html", context)

 from django.db import models

from wagtail.core.models import Page, Orderable
from wagtail.core.fields import RichTextField, StreamField

from wagtail.admin.edit_handlers import (
    FieldPanel,
    MultiFieldPanel,
    InlinePanel,
    StreamFieldPanel,
    PageChooserPanel,

)
from wagtail.images.edit_handlers import ImageChooserPanel
from modelcluster.fields import ParentalKey

from django.shortcuts import render
from wagtail.contrib.routable_page.models import RoutablePageMixin, route
from streams import blocks

class HomePageCarouselImages(Orderable):
    page = ParentalKey("home.HomePage", related_name="carousel_images")
    carousel_image = models.ForeignKey(
        "wagtailimages.Image",
        null=True,
        blank=False,
        on_delete=models.SET_NULL,
        related_name="+",
    )


    panels = [ImageChooserPanel("carousel_image")]

class HomePage(RoutablePageMixin, Page):
    """Home page model."""
    template = "home/home_page.html"
    max_count = 1
    custom_title = models.CharField(max_length=100, blank=False, null=True)
    custom_subtitle = RichTextField(features=["bold", "italic"])

    content = StreamField(
        [
            ("title_and_text", blocks.TitleAndTextBlock()),
            ("full_richtext", blocks.RichtextBlock()),
            ("simple_richtext", blocks.SimpleRichtextBlock()),
            ("cta", blocks.CTABlock()),
        ],
        null=True,
        blank=True
    )

    content_panels = Page.content_panels + [
        MultiFieldPanel(
            [
                FieldPanel("custom_title"),
                FieldPanel("custom_subtitle"),
            ],
            heading="Banner Options",
        ),
        MultiFieldPanel(
            [
                InlinePanel("carousel_images", max_num=5, min_num=1, label="Image"),
            ], heading="Carousel Images"
        ),
        MultiFieldPanel(
            [
                StreamFieldPanel("content"),
            ], heading="Accordion text")
        ]

    @route(r'^subscribe/$')
    def the_subscribe_page(self, request, *args, **kwargs):
        context = self.get_context(request, *args, **kwargs)
        return render(request, "home/subscribe.html", context)

<!-- home_page.html -->

 <div class id = "home-blog-list">
                <div class="card-body text-center">
                    <h4 class="card-title">News Updates</h4>
                </div>
                <ul class="list-style-none">
                    {% for post in posts %}
                    <div class="row mt-5 mb-5">
                        <div class="post-preview">
                            {% image post.blog_image fill-250x250 as blog_img %}
                            <a href="{{ post.url }}">
                                <img src="{{ blog_img.url }}" alt="{{ blog_img.alt }}">
                            </a>
                        </div>
                        <li class="d-flex no-block card-body"> <i class="fa fa-check-circle w-30px m-t-5"></i>
                            <div> <a href="{{ post.url }}" class="m-b-0 font-medium p-0" data-abc="true">{{ post.custom_title }}</a>
                                <div class="text-muted">サマリー</div>
                            </div>
                            <div class="ml-auto">
                                <div class="tetx-right">
                                    <a href="{{ post.url }}" class="btn btn-primary mt-4">Read More</a>
                                </div>
                            </div>
                        </li>
                    {% endfor %}
                        <div class="d-flex justify-content-end mb-4"><a class="btn btn-primary text-uppercase" href="#blog-list">Older Posts →</a></div>
                    </div>
                </ul>
        </div>

<!-- blog_listing_page.html -->
{% extends "base.html" %}

{% load wagtailimages_tags wagtailroutablepage_tags%}

{% block content %}
 <a href="{% routablepageurl page "latest_posts" %}">View Latest Posts Only</a>
<!--<h2>
    Categories:
    <small>
        {% for cat in categories %}
        <a href="?category={{ cat.slug }}">{{ cat.name }}</a>
        {% if not forloop.last %}, {% endif %}
        {% endfor %}
    </small>
</h2-->

<div class="row d-flex justify-content-center mt-100 mb-100">
    <div class="col-lg-6">
        <div class="card-body text-center">
            <h4 class="card-title m-b-0">News Updates</h4>
        </div>
        <ul class="list-style-none">
            {% for post in posts %}
            <div class="row mt-5 mb-5">
                <div class="post-preview">
                    {% image post.blog_image fill-250x250 as blog_img %}
                    <a href="{{ post.url }}">
                        <img src="{{ blog_img.url }}" alt="{{ blog_img.alt }}">
                    </a>
                </div>
                <li class="d-flex no-block card-body"> <i class="fa fa-check-circle w-30px m-t-5"></i>
                    <div> <a href="{{ post.url }}" class="m-b-0 font-medium p-0" data-abc="true">{{ post.custom_title }}</a>
                        <div class="text-muted">サマリー</div>
                    </div>
                    {# @todo add a summary field to BlogDetailPage; make it a RichTextField with only Bold and Italic enabled. #}
                    <div class="ml-auto">
                        <div class="tetx-right">
                            <a href="{{ post.url }}" class="btn btn-primary mt-4">Read More</a>
                        </div>
                    </div>
                </li>
                {% endfor %}
                <div class="d-flex justify-content-end mb-4"><a class="btn btn-primary text-uppercase" href="#!">Older Posts →</a></div>
            </div>
        </ul>
    </div>
</div>


{% endblock content %}

###追記2
①home/modelsに以下を追加しました。
エラーは出ませんでしたが、特に変化もありませんでした。

from blog.models import BlogDetailPage

def news(request):
        context = super().get_context(request, *arg, **kwargs)
        context["posts"] = BlogDetailPage.objects.live().public()
        return context

②以下を入れてみたりしましたが、エラーが出ました。

{% include "blog_detail_page.html" %}

Answer 1

wagtailにブログのプラグインであるpuputをインストールによってこの問題を解決できるようですが、以下のような問題(Incorrect Padding)が発生いたしました。ご教授いただければ幸いです。

https://teratail.com/questions/345876