Learn how to take an existing website template and add Wagtail CMS into it for a dynamic content management system that really works.
Sign up for free π View CurriculumAre you ready to transform your static site into a dynamic Wagtail masterpiece? Dive into our free course, "Wagtailify Your Static Website," and unleash the full potential of your web development skills! π
It's fun, light-hearted, and packed with practical skills to Wagtailify your website! Youβll not only learn the ins and outs of Wagtail but also get to apply these skills in real-world projects.
So, are you ready to Wagtailify your static website? Letβs get coding and have some fun along the way! ππ©βπ»π¨βπ»
1. Installing Wagtail
Learn how to install Wagtail using a virtual environment.
2. Visualizing the Project
Learn how to dissect a static website into Wagtail Pages to help guide your project in the right direction.
3. Setting up the Base Wagtail Project
Learn how to setup your base.html file with a global navigation, footer, and customizable content.
4. Global Navigation using a Templatetag
Learn how to write a Django template tag to create a global navigation component for your new website.
5. Global Social Media Settings
Learn how to add customizable social media links and icons to your Wagtail website.
6. Custom Logo and Website Name
Learn how to swap out your default logo for one that you can upload in your Wagtail Admin dashboard.
7. Converting the Home Page to Wagtail (Part 1)
Learn how to convert the first half of the home page into a dynamically controlled Wagtail Page.
8. Converting the Home Page to Wagtail (Part 2)
Learn how to add the bottom half of the home page to your Wagtail website, including repeating content from other parts of your website.
9. Starting a New Internal Wagtail App
Learn how to create a new Wagtail/Django app, and set it up so it can list other content in the template.
10. Child Pages and StreamField Introduction
Learn how to create Child Pages in Wagtail, along with customizable mix-and-match content fields called "StreamFields".
11. Simple Wagtail StreamFields
Learn more about Wagtail StreamFields in their most simple form for dynamic, mix-and-match content in your Wagtail Pages.
12. Wagtail Snippets & Repeating Objects (Orderables)
Learn how to create a "Wagtail" snippet (re-usable data objects) and how to select multiple snippets in a wagtail page (repeating objects).
13. Reusing Template Components in Wagtail
Learn how to re-use template components in your Wagtail website so you can manage less code, and enjoy more free time.
14. How to Add Pagination in Wagtail
Learn how to add Pagination in your Wagtail/Django project.
15. Adding a Miscellaneous Page Type
Learn how to add a "misc" Wagtail Page that has a wide range of uses.
16. Wagtail Contact Pages (with email capabilities)
Learn how to add a Contact Page that is ready to send emails when it's filled out.
17. Cleaning Up Your Wagtail Website Codebase
Learn which files you can safely delete in your project so far.
18. Your Final Project(s)
Use what you've learned up until this point. Everything you need to know has been covered in previous lessons. Experiment, break things, and fix them!