Beranda

Dokumentasi Resmi Tema Xionic

Selamat datang di portal dokumentasi resmi Xionic WordPress Theme Framework dan Panduan Pengembangan Child Theme.

Xionic adalah WordPress Theme Framework modern multiguna yang dibangun dengan arsitektur Object-Oriented Programming (OOP), standar PSR-4, dan berfokus penuh pada kecepatan muat (Performance-First), integrasi native Gutenberg Block Editor, serta ekosistem Child Theme yang fleksibel.

🧭 Panduan Cepat Navigasi

Pilih topik dokumentasi sesuai kebutuhan Anda:

  • :material-layers-triple:{ .lg .middle } Parent Theme Framework

—

Pelajari arsitektur internal, siklus bootstrapping, panel opsi MadOptions, sistem registrasi CPT, optimasi WebP, dan API hooks framework.

:octicons-arrow-right-24: Buka Dokumentasi Framework

  • :material-puzzle:{ .lg .middle } Panduan Child Theme

—

Panduan langkah demi langkah bagi developer untuk membuat child theme baru, meng-override template, menambahkan komponen layout builder, dan mendaftarkan Gutenberg block baru.

:octicons-arrow-right-24: Buka Panduan Child Theme

  • :material-tune-vertical:{ .lg .middle } MadOptions Framework

—

Dokumentasi engine Options Panel WordPress berbasis OOP, 7 tipe field bawaan, conditional field dependencies (depends_on), filter font, dan helper front-end.

:octicons-arrow-right-24: Buka Dokumentasi MadOptions

⚡ Karakteristik Utama Xionic Framework

MERMAID
graph TD
    A[Xionic Parent Framework] --> B[Core Engine OOP & PSR-4]
    A --> C[Native Gutenberg & theme.json]
    A --> D[Performance & Critical CSS]
    
    B --> E[Features Manager & MadOptions]
    B --> F[CPT: Testimoni, Events, Portfolio, Teams, FAQ, Contact]
    B --> G[WooCommerce Integration]

    A ==> H[Child Theme 1]
    A ==> I[Child Theme 2]
    A ==> J[Custom Projects...]
  • Parent Theme Framework: Fondasi kokoh yang siap diturunkan menjadi child theme tanpa pernah menyentuh atau merusak file inti framework.
  • Native Block Editor & Full Site Styling: Mendukung Gutenberg Block Editor secara mendalam melalui theme.json, Block Patterns, dan dynamic custom blocks.
  • Performance First: Zero render-blocking, inline Critical CSS di <head>, deferred asynchronous assets, dan self-hosted Google Fonts .woff2.
  • Zero jQuery Dependency: Seluruh interaktivitas front-end dibangun murni menggunakan Vanilla JS modern.
  • Modular Toggle System: Modul CPT, Form Kontak, dan Builder dapat diaktifkan/dinonaktifkan sesuai kebutuhan dari menu Features Manager.
  • E-Commerce Ready: Integrasi native WooCommerce dengan opsi grid responsif, mini-cart, dan optimasi de-enqueue asset di luar halaman toko.
Selanjutnya Parent Framework