Theme Options Panel

Theme Options Panel (MadOptions)

Panel konfigurasi tema terpusat dibangun di atas engine OOP MadOptions. Panel ini dapat diakses melalui:

Admin Dashboard > Xionic Theme > Theme Options

TIP

Untuk dokumentasi arsitektur engine internal, tipe-tipe field, dan mekanisme conditional field dependencies, silakan lihat bagian Dokumentasi MadOptions Framework.

Bagian Panel Pengaturan

Panel ini menyediakan pengaturan mendalam tanpa memerlukan plugin pihak ketiga seperti ACF Pro atau Redux Framework:

1. General & Branding

  • Judul Merek: Teks fallback judul brand jika file logo tidak diunggah.
  • Logo Utama: Pengunggah gambar logo (format WebP, SVG, PNG disarankan).
  • Top Bar: Pengaktifan baris informasi atas, warna latar, warna teks, nomor telepon, email, media sosial (Facebook, YouTube, Instagram, X), dan toggle pencarian.
  • Site Content Width: Pilihan lebar kontainer (960px, 1040px, 1120px, 1200px, 1320px, 1440px, atau 100%) serta kolom custom width.
  • Scroll to Top: Tombol otomatis kembali ke atas, penyesuaian posisi (kiri/kanan), dan skema warna kustom.

2. Hero Section

  • Toggle tampilan hero khusus halaman beranda (hero_enabled).
  • Judul utama, sub-judul, tombol Call-to-Action 1 & 2, background image, dan overlay gradien.

3. Header & Navigation

  • Pilihan Layout Header:
  • default: Minimalis modern dengan navbar sejajar logo.
  • header-2: Centered Brand dengan Sub-bar navigasi di bawah.
  • header-3: Dark Topbar & Mega Bar dengan aksi kanan.
  • Sticky navbar toggle & styling submenu warna dropdown.

4. Header Typography

Pengaturan jenis font (Google Fonts), ukuran (font-size), ketebalan (font-weight), dan warna untuk:

  • Brand Logo Teks
  • Link Menu Utama
  • Submenu Dropdown
  • Tombol CTA Header

5. Curator & Sidebar

Pengaturan kartu profil author/kurator di sidebar:

  • Nama lengkap, foto avatar, ringkasan biografi.
  • Link tombol langganan/subscribe.
  • Kotak rekomendasi artikel populer.
  • Pilihan Layout Footer:
  • default: 3 Kolom Tradisional.
  • footer-2: Minimalis Bersih (Satu Baris).
  • footer-3: Magazine 4 Kolom dengan kolom Brand & Form Newsletter.
  • Kolom hak cipta (copyright text) dan tautan akun media sosial.

Pengaturan tipografi untuk brand footer, teks alamat/deskripsi, heading widget, link navigasi footer, dan baris copyright.

8. Article Layout (Post Tunggal)

  • Pilihan Layout Post: default, article-2, article-3.
  • Toggle Visibilitas Elemen: Kategori, metadata penulis, tanggal terbit, estimasi waktu baca (read time), kotak biografi penulis, daftar tags, tombol bagikan ke media sosial, tombol suka (like button), tombol simpan (bookmark), dan rekomendasi artikel terkait.

9. Styling & Colors

  • Warna latar belakang body (bodybgcolor).
  • Warna primer (primarycolor).
  • Warna sekunder / aksen (secondarycolor).
  • Nilai-nilai ini otomatis digenerate menjadi CSS Variable :root di tag <head>.

10. Typography

Konfigurasi tipografi global untuk:

  • Body, H1, H2, H3, H4, H5, H6
  • Article Body, Blockquote, Code, dan Pre

11. WooCommerce Store

(Otomatis muncul jika plugin WooCommerce terpasang dan aktif):

  • Jumlah kolom katalog produk (2 sampai dengan 6 kolom).
  • Toggle badge diskon / sale.
  • Toggle ikon keranjang belanja di header.

Mengambil Nilai Opsi dalam Kode

Untuk mengambil nilai opsi tema di dalam template PHP atau functions child theme, gunakan fungsi helper bawaan tema:

PHP
// Mengambil opsi dengan nilai fallback default
$site_width = xionic_get_option('site_width', '1120px');
$brand_text = xionic_get_option('brand_text', 'ETHEREAL');

// Contoh penggunaan di template
echo '<div style="max-width: ' . esc_attr($site_width) . ';">' . esc_html($brand_text) . '</div>';
Sebelumnya Features Manager
Selanjutnya Layout Builder & Blocks