Struktur Direktori

Struktur Direktori Standar Child Theme

Berikut adalah struktur folder ideal dan direkomendasikan saat mengembangkan child theme di atas Xionic:

TEXT
wp-content/themes/nama-child-theme/
├── style.css                      # Wajib: Header deklarasi tema & override CSS Tokens
├── functions.php                  # Wajib: Hook, filter kustom, registrasi layout
├── screenshot.png                 # Opsional: Thumbnail tema di admin WordPress (1200x900 px)
│
├── assets/                        # Opsional: File statis khusus child theme
│   ├── css/                       # CSS tambahan jika diperlukan
│   ├── js/                        # Skrip JS khusus child theme
│   └── images/                    # Asset gambar tema
│
└── templates/                     # Opsional: Template override atau layout baru
    ├── header/                    # Custom header layout (misal: header-brand.php)
    ├── footer/                    # Custom footer layout (misal: footer-minimal.php)
    ├── article/                   # Custom single post layout (misal: article-clean.php)
    └── components/
        ├── hero.php               # Override komponen hero halaman depan
        └── layouts/               # Custom Section Components (Auto-register ke Gutenberg)
            └── custom-banner.php

Penjelasan File Utama

  • style.css: Wajib memiliki deklarasi Template: xionic. Digunakan untuk metadata tema dan overriding Design Tokens :root.
  • functions.php: Berisi hook dan filter untuk mengkustomisasi perilaku framework, mendaftarkan pilihan layout baru, atau menyuntikkan field baru ke panel MadOptions.
  • templates/: Tempat menaruh layout kustom atau file penimpa (override) template parent.
Sebelumnya Pengantar & Keunggulan
Selanjutnya Boilerplate Starter Lengkap