Blog Listing Page, Blog Detail Pages, and Adding Custom Context to your Wagtail CMS Site

In this (long) lesson we're going to cover three main topics. They all go hand-in-hand with Wagtail CMS so it makes sense to learn them all together. The three topics are:
1. Listing Pages
2. Detail Pages
3. Adding Custom Context
Tutorial: learnwagtail.com/tutorials/ho...
GitHub Commit: github.com/CodingForEverybody...
Learn Wagtail from scratch with the official Wagtail for Beginners Course
learnwagtail.com/wagtail-for-...
Used in this video: Wagtail 2.4, Python 3.7, Django 2.1.5 #Wagtail #Django #Python

[@ryanmorris5709]

Using your tutorials for my senior project and loving it. Making my life so much easier!

[@CodingForEverybody]

Woot! That's amazing!! Thanks for sharing that with me Ryan!!

[@ryanmorris5709]

@@CodingForEverybody Do you have a way to donate? I think I owe you haha

[@CodingForEverybody]

@@ryanmorris5709 Haha no I don't, but that's great to hear you love these videos!!

[@glenninberlin]

Thanks. Helped me significantly. Really stuck at this problem - creating a blog post and listing page

[@dera_ng]

This is an amazing video. I would love it if the time(s) where the tutorial topic(s) start(s) off would be included in the video description

[@lazyModes]

Its an Amazing tutorial, Loved it

[@Pmarmagne]

Hey Kalob, First of all, thanks for your videos. You are an amazing teacher. I've been following your courses and i gotta say that you really do explain everything well. Not once in this serie I had to rewind to understand what was going on. Keep up the good work! Also, I've noticed that my pages are getting slow to load, i just checked the debug toolbar and the total time was 2500.00 something ms. Do you know what could cause that? Will changing the database to Postgre Improve the loading time or is it just my cpu?

[@rqdt1388]

Great video. Thanks

[@CodingForEverybody]

Glad you like it!! :)

[@franciscodelafruitas9424]

Thank you for this! Could you show how to add UUID4 (7 characters/digits long) as a reference number next to the blog title? This would be automatically generated and viewable frontend as well.

[@bambanx]

thanks you , you said about control is good for developers and yes it is, there is any way to add the blog to the left on the menu ? and remove the option the choose wich page add, adding child pages when you posting is not very common for users when they want to add a post, also could be dangerous mistaking adding a child page to a post that exist. How deal with that? Thanks again

[@CodingForEverybody]

For the blog menu, you need to add the pages into your get_context() method. There's a video on this, and lots of supporting videos using get_context() as well. And you can remove the ability to add child pages with `subpage_types = []` in your page model.

[@royanezp]

I wonder how do you do to display an old computer type screen

[@victor-iz7ss]

thank you for your tutorial, it helped a lot. BTW, do you know how to add other columns to the list display in blog page admin? I mean currently, in the wagtail admin for a page, it lists the Order, Title, Updated, Page Type, and Status. I would like to add an extra column for a property from my custom page model. From what I found so far, there is only ways to overriding the whole list display, not extending it. Thanks in advance

[@CodingForEverybody]

I don't know of any way to show or hide columns in the admin page views to be honest. Only through the model admin - although I've never looked at that either. hmmm

[@XeUs87]

Hi, Kalob is it possible to share a detail page on social medias?

[@Shasras]

30:26 Looks like someone is showing off with his Terminal 😃

[@patricksarmiento4494]

Can you show how to create a listing page/detail page on a headless version?

[@CodingForEverybody]

I cannot. I don't know what frontend framework you're using so I would need to cover: react, vue, angular, svelte, etc. Plus wagtail is agnostic about the frontend, so we leave that implementation up to the developer.

[@IllevensKO]

So in base.html you changed the blog button link to "/blog/" and it somehow works by you.. how does it know which instance of admin-created "blog type template" it points to ? Same with about page. Sorry me dumdum.

[@CodingForEverybody]

I just hard coded /blog/ (iirc). That's not a good way of doing it because /blog/ might not exist. Behind the scenes Wagtail looks through the url. So website.com/your/page/blog/ would look for a page with a slug of "blog", and check if its parent page has a slug of "page" and so on. It's actually more complex than this because Wagtail uses Django Treebeard.

[@IllevensKO]

@@CodingForEverybody thanks a lot !