How do you make a Blog archive template in Bricks Builder? I have seen many ways that bricks users have created these and usually I see them get it wrong. I will show you the correct method for building an archive template to cover two use cases in one. It will work as the archive template and the category pages. Not only that but it will have dynamic content, depending on which page the user lands on.
I hope you find this helpful!
Code Snippet for categories: https://youthful-alpaca-c28.notion.site/Output-Categories-As-List-1b28a2ed28d880d28f7ac68bc65cf5b5
Tools Used:
Bricksbuilder
https://bricksbuilder.io/
Automatic.CSS (affiliate)
https://automaticcss.com/ref/84/?campaign=pixel-strata
WPCodeBox (affiliate)
https://wpcodebox.com/?ref=249&campaign=pixel-strata
__________________________________________________
Socials:
https://twitter.com/nickarceco
Buy Me a Coffee:
https://www.buymeacoffee.com/nickarce
Chapters:
00:00 - Intro
00:53 - Notice
01:27 - Creating Template
02:10 - Setting Template Conditions
03:56 - The Magic of This Tutorial: Dynamic Content
10:55 - Adding Blog Cards + Cool Tricks
19:00 - Proper Card HTML Structure
20:57 - Styling: Naming Classes
24:15 - Styling: Top Content
28:21 - Styling: Button CSS
29:59 - Styling: Cards
47:25 - Card Accessibility
49:23 - Styling: Better Looking Focus Tip
54:16 - Correcting Accessibility CSS Mistake
