Zero One Documentation
Theme demo
  • Overview
  • Terms & Guidelines
  • Guide
    • Installation & Setup
      • Local environment
      • Server
      • Default language!
      • Multilanguage website
      • Config options
      • SMTP email options
      • Folder structure
      • htaccess
      • Updating
      • PHP Composer
    • Administration panel
      • Translating panel
    • Site options
      • SEO options
      • Multi-language
    • Theme styling
      • Less/CSS setup
      • Changing Less variables
      • app.less file
      • Customizing elements
      • Helpful classes
    • Page types
      • Page options
    • Blog
      • Comments
      • Article
    • Work (Portfolio)
      • Project page
    • Shop
      • Snipcart
    • Layout Builder
      • Column Options block
      • Subgrid block
      • Card block
      • Text (Writer) block
      • Custom Heading block
      • Custom List block
      • Typed Text block
      • Quote block
      • Button block
      • › 25 more blocks
    • Form Builder (Premium)
    • OLD Page Builder deprecation
    • Tricks
      • Using icons in the content
      • Kirbytext link tag to button
      • Tricks with image classes
      • Adding Google Fonts
      • Custom icons
      • Cookie notice/banner
    • Theme extending
      • Page Transitions (Swup)
      • Contact form extending
      • Self-hosted fonts
      • Adding new templates
      • Adding new Content block (Layout Builder)
    • GDPR
  • More
  • Support
  • Hire us
  • Changelog
  • Credits
  • Affiliate
Powered by GitBook
On this page
  • Theme files customization
  • Visual example:

Was this helpful?

  1. Guide

Theme extending

PreviousCookie notice/bannerNextPage Transitions (Swup)

Last updated 1 year ago

Was this helpful?

This documentation section is yet to be updated and it is about proper ways to extend Zero One theme and make something super powerful.

Theme files customization

Because Zero One is a theme made as a , you can override every plugin file with the same name and file in the site/theme folder. But it must be in the same folder structure as in the plugin.

Examples:

  • site/theme/blueprints/site.yml overrides site/plugin/zero-one/blueprints/site.yml

  • site/theme/snippets/header/navbar.php overrides site/plugin/zero-one/snippets/header/navbar.php

  • site/theme/templates/article.php overrides site/plugin/zero-one/templates/article.php

  • site/theme/controllers/contact.php overrides site/plugin/zero-one/controllers/contact.php

  • and so on

Visual example:

File in Theme folder site/theme/snippets/footer.php

📁 site/

— 📁 theme/

—— 📁 snippets/

——— 📄 footer.php

Overrides Zero One plugin file site/plugins/zero-one/snippets/footer.php

📁 site/

— 📁 plugins/

—— 📁 zero-one/

——— 📁 snippets/

———— 📄 footer.php

So you can copy a file from the site/plugins/zero-one plugin, to the relative folder inside site/theme/ folder, change it, extend it, and safely update Zero One to new versions without worry. Your changes will stay untouched. Like a WordPress child theme, but more powerful.

plugin