Stateless Code | Codecast: statelesscode.com WordPress 08: Start on Sidebar and Footer and Use Tailwind Directives @StatelessCode | Uploaded November 2021 | Updated October 2024, 1 hour ago.
This is the 8th video in the statelesscode.com WordPress series. In this video Mike tries to figure out how sidebars and footers work with Sage and Gutenberg. He makes a few mistakes along the way that will be corrected in future videos and starts to use the powerful Tailwind directives to apply Tailwind classes to CSS selectors instead of having it all directly in the HTML markup.
This video covers:
00:00:10 Introduction
00:00:41 Explore the existing sidebar and footer registrations in Sage and the DOM
00:03:45 Use Tailwind directives to apply styles to particular DOM classes in the dynamic sidebar
00:07:59 Cherry-pick recent commits from sage/master
00:12:01 Start working on the footer.
Note: Mike made incorrect decisions here about how to manage the footer with Sage and Gutenberg. This is corrected in later videos.
00:20:12 Move some of the Tailwind classes from the main layout into directives
00:24:59 Find the name of the theme in application.css and change it.
00:26:09 Commit and push changes
This video is CC0 - No rights reserved. (YouTube doesn't allow this option when publishing.) All code is released under the UNLICENSE. Stateless Code denies the concept of "intellectual property". Copying is not stealing.
This is the 8th video in the statelesscode.com WordPress series. In this video Mike tries to figure out how sidebars and footers work with Sage and Gutenberg. He makes a few mistakes along the way that will be corrected in future videos and starts to use the powerful Tailwind directives to apply Tailwind classes to CSS selectors instead of having it all directly in the HTML markup.
This video covers:
00:00:10 Introduction
00:00:41 Explore the existing sidebar and footer registrations in Sage and the DOM
00:03:45 Use Tailwind directives to apply styles to particular DOM classes in the dynamic sidebar
00:07:59 Cherry-pick recent commits from sage/master
00:12:01 Start working on the footer.
Note: Mike made incorrect decisions here about how to manage the footer with Sage and Gutenberg. This is corrected in later videos.
00:20:12 Move some of the Tailwind classes from the main layout into directives
00:24:59 Find the name of the theme in application.css and change it.
00:26:09 Commit and push changes
This video is CC0 - No rights reserved. (YouTube doesn't allow this option when publishing.) All code is released under the UNLICENSE. Stateless Code denies the concept of "intellectual property". Copying is not stealing.