Editor Elementor Lemot? Ini Cara Jitu Setup Elementor & Custom Fonts!

📌 Mengapa Setup Awal Elementor Itu Sangat Vital?

Secara bawaan, plugin Elementor memuat setelan umum (seperti skema warna dan font default tema) yang terus-menerus melakukan request query ke Google Fonts setiap kali editor dimuat. Untuk mendesain undangan digital bertema adat nusantara yang kaya akan tipografi kustom etnik, menyetel Elementor secara tepat dan mematikan request font eksternal yang tidak perlu akan membuat editor berjalan sangat enteng serta responsif.

📖

Skenario Penggunaan Nyata

Bayangkan Anda sedang dikejar tenggat waktu (deadline) proyek undangan klien adat Bali, namun saat membuka editor Elementor, halamannya terus-menerus memuat (loading loop) tanpa memunculkan area desain. Hal ini disebabkan karena server hosting Anda kelelahan memproses request font bawaan eksternal yang bentrok dengan custom font yang Anda unggah. Menonaktifkan default fonts dan warna tema di pengaturan Elementor akan menghemat waktu rendering halaman secara dramatis.

✨ Checklist Setup Elementor & Fonts

Disable Default Colors & Fonts: Matikan warna bawaan dan huruf bawaan agar Elementor murni membaca setelan global kustom yang Anda buat.
Miliki File Custom Fonts: Siapkan file huruf adat kustom berformat .woff, .woff2, atau .ttf di folder komputer lokal Anda.
Aktifkan Flexbox Container: Pastikan fitur eksperimental Flexbox Container telah diaktifkan demi fleksibilitas tata letak ornamen.

🛠️ Langkah Setup Elementor & Custom Fonts

Langkah 1: Mengatur Setelan Dasar Elementor

Masuk ke dashboard WP Admin Anda. Buka menu Elementor lalu klik Settings. Pada tab **General**, beri tanda centang pada opsi Disable Default Colors dan Disable Default Fonts. Klik tombol **Save Changes**.

Langkah 2: Mengunggah Custom Fonts (Elementor Pro)

Jika Anda menggunakan Elementor Pro, arahkan kursor ke menu Elementor lalu klik Custom Fonts. Klik tombol Add New, masukkan nama font adat Anda, lalu unggah file format .woff2 atau .ttf yang Anda miliki. Klik **Publish** agar font tersebut terdaftar dalam editor.

Langkah 3: Menonton Video Langkah Setup & Fonts

Silakan saksikan rekaman panduan video berikut untuk menuntun Anda melakukan penyetelan Elementor dan pendaftaran custom fonts secara tepat:

💡

Pro Tips Performa

Jika Anda murni menggunakan Elementor versi Gratis, Anda tidak akan menemukan menu "Custom Fonts" bawaan. Sebagai solusinya, gunakan plugin gratis pendukung seperti Use Any Font atau Custom Fonts (by Brainstorm Force) dari repositori resmi WordPress untuk mendaftarkan huruf etnik Anda secara aman.

🔗 Modul Panduan Terkait

Langkah berikutnya setelah setup awal siap adalah melakukan kustomisasi di Elementor:

💡 Pertanyaan Sering Ditanya (FAQ)

Mengapa saya tidak menemukan menu Custom Fonts di bawah menu Elementor saya?

Menu "Custom Fonts" bawaan hanya tersedia apabila Anda memasang plugin Elementor versi Pro (berbayar). Untuk pengguna Elementor versi Gratis, Anda wajib memasang plugin pihak ketiga gratis seperti Custom Fonts atau Use Any Font.

Format file font manakah yang paling direkomendasikan untuk web mobile?

Format berkas WOFF2 (Web Open Font Format 2.0) adalah format terbaik karena telah dikompresi sangat optimal, berukuran jauh lebih kecil dibanding format TTF biasa, dan didukung penuh oleh seluruh browser ponsel cerdas modern.

Apakah mematikan default colors dan fonts akan merusak desain template yang saya impor?

Sama sekali tidak. Mematikan opsi tersebut justru mencegah Elementor memaksakan warna/huruf bawaan tema WordPress (seperti Hello) menimpa tata letak warna-warni etnik orisinal yang ada di dalam template Luxee Adat.