EduKarsa

Enterprise-Grade Educational Theme Architecture

Dokumentasi Arsitektur & Portal Eksplorasi EduKarsa

EduKarsa didesain khusus untuk portal resmi sekolah, madrasah, pesantren, dan perguruan tinggi dengan filosofi 100% Native & Zero Plugin. Seluruh fitur berjalan optimal tanpa dependensi Elementor maupun plugin berat pihak ketiga.

📥 Unduh Tema (vLatest) 19x 🌐 Live Demo Situs 🐙 Repositori Git ☕ Dukung Pengembang

edukarsa.masbudi.my.id Frontend

Lihat Penuh ↗

edukarsa.masbudi.my.id/wp-admin/ Dashboard

Lihat Penuh ↗

19x

Total Diunduh

Arsip zip tema resmi yang telah diunduh pengguna.

0 Plugin

Dependensi Pihak Ke-3

Bebas Elementor & ACF. Lebih hemat lisensi.

< 300 ms

Waktu Muat Rata-Rata

Eksekusi kode native tanpa overhead query.

WCAG 2.1

Aksesibilitas

Pustaka ramah disabilitas bawaan sistem.

5 Bahasa

Frontend Multilingual

Dukungan ID, EN, AR, ZH, & JA native.

Komparasi Performa Native vs Plugin Heavy

Metrik komparatif EduKarsa dibandingkan tema sekolah berbasis 15+ plugin.

Chart.js Live

Grafik ini menggambarkan efisiensi sumber daya sistem. EduKarsa secara signifikan memangkas waktu muat (*load time*), kueri database, serta beban payload halaman web sekolah Anda.

💡 Sumber: Hasil pengujian lingkungan WordPress 6.x standar

Distribusi Modul Kode (`inc/` Architecture)

Persentase porsi tanggung jawab fungsi pada arsitektur terisolasi EduKarsa.

Donut View

Tampilan lingkaran ini menunjukkan pemisahan tugas (*separation of concerns*) di mana berkas `functions.php` hanya bertindak sebagai pemuat, sementara logika bisnis diisolasi dalam direktori `inc/`.

🧩 Arsitektur terisolasi memudahkan pemeliharaan tanpa efek samping

7 Pilar Inti Arsitektur & Keamanan

Struktur Andal, Aman, & Ramah Aksesibilitas

EduKarsa dibangun dengan standar keamanan enterprise dan prinsip aksesibilitas publik (WCAG 2.1). Pilih salah satu pilar di bawah ini untuk melihat detail teknis, proteksi native, serta cara kerjanya.

Daftar Pilar Arsitektur

Simulasi Toolbar Aksesibilitas

Uji Coba Toolbar Aksesibilitas WCAG 2.1 Native

Web Speech API & CSS Scaler Integration

Di situs EduKarsa, pengguna disabilitas visual dapat mengaktifkan toolbar melayang bawaan tanpa memerlukan plugin tambahan. Silakan coba fitur pengujian interaktif di bawah ini:

Ukuran Teks: 100%

Teks Pengujian Aksesibilitas:

"Selamat datang di Portal Resmi EduKarsa. Tema ini dirancang agar dapat diakses secara inklusif oleh seluruh lapisan masyarakat, termasuk penyandang disabilitas penglihatan melalui teknologi pembaca layar bawaan."

Rekomendasi Dimensi Aset Media

Panduan Proporsi & Kalkulator Visual Aset

Untuk memastikan tampilan web sekolah tajam, tidak terpotong secara tidak profesional, serta cepat saat diunggah, ikuti panduan dimensi dan rasio gambar bawaan EduKarsa berikut.

Pilih Jenis Aset Media

Batas Maksimal Ukuran Berkas Rekomendasi (KB)

Format Ideal: WebP / JPG

Visualisator Rasio Canvas

16:9

Kanvas interaktif di bawah menggambarkan orientasi dan perbandingan proporsi gambar aktual dibandingkan ruang tampilan layout.

Format Direkomendasikan: WebP / JPG

Target Kompresi: < 300 KB

Arsitektur Berkas & Peta Kode

Eksplorasi Direktori Terisolasi `inc/`

EduKarsa menerapkan pola modul terpisah. Berkas `functions.php` bersih dan hanya berfungsi sebagai pemuat (*loader*).

17 Berkas Terdaftar

edukarsa/ (Struktur Tema)

Simulator Builder Tata Letak Native

Uji Coba Pengaturan Urutan Seksi Beranda

EduKarsa memiliki UI builder bawaan di menu EduKarsa > 🏗️ Tata Letak menggunakan pustaka bawaan WordPress (`jQuery UI Sortable`).

Urutan Seksi Beranda

Gunakan tombol ⬆️ Naik, ⬇️ Turun, atau centang untuk menyembunyikan seksi.

Pratinjau Wireframe Live

Struktur Beranda Aktif (`front-page.php`)

💡 Pengaturan ini disimpan langsung di `wp_options` via WordPress Settings API.

Petunjuk Penggunaan & Workflow

Checklist Peluncuran Tema EduKarsa

Ikuti 4 langkah taktis berikut untuk mengonfigurasi situs web sekolah Anda dari nol hingga siap dipublikasikan.

Progres Kesiapan Situs Web Sekolah: 0% Selesai