Semua Pengaturan Template Flat UI Pro

Pengaturan Template untuk Tampilan dan Fungsi Maksimal

Mengatur template web dengan baik adalah langkah penting untuk meningkatkan pengalaman pengguna (user experience) dan menyesuaikan tampilan sesuai kebutuhan. Berikut adalah panduan lengkap pengaturan template yang dapat Anda terapkan, dilengkapi dengan penjelasan untuk setiap fitur penting.

1. Pengaturan Menu Mobile

Pengguna perangkat mobile memerlukan navigasi yang praktis dan sederhana. Pengaturan berikut membantu menyembunyikan menu secara otomatis:

autohidemenu = true; // true atau false

Keterangan:

• true: Menu akan tersembunyi secara otomatis setelah pengguna melakukan gulir.
• false: Menu tetap terlihat sepanjang waktu.

Rekomendasi: Aktifkan autohidemenu untuk menghemat ruang pada layar kecil.

2. Pengaturan Kustom Mouse

Memberikan efek kustom pada kursor dapat menambah estetika dan interaktivitas desain. Aktifkan pengaturan ini dengan:

customMouse = true; // true atau false

Keterangan:

• true: Kursor custom akan di tampilkan.
• false: Kursor menggunakan pengaturan bawaan browser.

Tips: Gunakan kursor custom untuk menambahkan efek estetik.

3. Pengaturan WhatsApp

Tampilkan tombol kontak WhatsApp dengan format nomor telepon internasional, seperti berikut:

notelepon = "+6282393541074"; // Masukkan nomor Anda di sini

Keterangan:

• Format nomor telepon harus dimulai dengan kode negara (+62 untuk Indonesia).
• Fitur ini memudahkan pengguna menghubungi Anda langsung dari halaman web.

Rekomendasi: Pastikan nomor telepon yang digunakan aktif dan terhubung ke WhatsApp.

4. Pengaturan Sitemaps

Sitemaps membantu pengguna menemukan konten spesifik di situs Anda. Berikut cara menampilkan label tertentu:

showLabels = []; // Contoh: ["Game", "Music"]

Keterangan:

• Isi array dengan label yang ingin ditampilkan.
• Label bersifat case-sensitive (huruf besar dan kecil berpengaruh).

Buat halaman baru dengan nama Sitemaps lalu tambahkan kode berikut pada halaman sitemaps

<style>.sitemap-box .konten{display:block!important}</style>
<div class="sitemaps" id="sitemaps">
  <div class="loading">Loading....</div>
</div>

Tips SEO: Gunakan kata kunci populer sebagai label untuk meningkatkan visibilitas di mesin pencari.

5. Pengaturan Gaya Font

Pilih element mana yang dapat terpengaruh:

ChangeFont = [body, h1, h2, h3, h4, h5, h6, span, p, blockquote, kbd, input, div, ol, li, ul];

6. Pengaturan Text-to-Speech (TTS)

Fitur ini memungkinkan pengguna mendengarkan teks di situs Anda:

elementTTS: ["p", "kbd", "strong", "li", "h1", "h2", "h3", "h4", "h5", "h6"];

Keterangan:

• Elemen dalam array akan terdampak oleh fitur TTS.
• Gunakan elemen seperti paragraf dan element lainnya yang ingin dibaca.

Tips: Integrasikan teknologi TTS dengan pengaturan suara yang jelas dan mendukung bahasa utama situs Anda.