Branding
Replace colors, logos, and typography while keeping the framework intact.
Building Child Themes
Create a unique website without modifying the framework.
One of Precursor's greatest strengths is its child theme architecture. By keeping your customizations separate from the framework, you can update Precursor with confidence while maintaining your own unique design.
Why Child Themes?
Separate structure from presentation.
Precursor provides templates, layouts, navigation, responsive behavior, reusable components, and design tokens. Your child theme supplies the branding, colors, typography, and visual personality that make your website unique.
Framework First.
Keep your customizations separate from the parent theme whenever possible.
A Typical Child Theme
Simple by design.
precursor-mytheme/
├── style.css
├── functions.php
├── screenshot.png
├── manifest.json
└── assets/
├── css/
├── js/
└── images/
Many child themes need only a stylesheet and a small functions file. As your project grows, you can organize additional assets however you prefer.
Customize
Start small. Grow naturally.
Components
Restyle panels, buttons, callouts, and hero sections without changing the parent theme.
Templates
Override individual template files only when your project requires a different layout or behavior.
Best Practices
Build for the future.
- Keep framework changes in the parent theme.
- Keep branding in the child theme.
- Use CSS custom properties whenever possible.
- Avoid copying templates unless necessary.
- Update the parent theme regularly.
- Keep custom code organized and well documented.
Professional Services
Need a custom child theme?
If you'd rather focus on your business than your framework, we'd be happy to help. We design custom Precursor child themes tailored to your brand, content, and long-term goals.
Need a hand?
We build custom child themes for businesses, organizations, creators,
and agencies.