Mengenal Modul Pengaturan
Modul Pengaturan digunakan untuk mengelola identitas dan tampilan dasar website. Melalui modul ini, administrator dapat mengatur nama website yang ditampilkan pada tab browser, menentukan warna utama (Primary Color), serta mengganti favicon atau ikon website.
Pengaturan yang dilakukan pada modul ini akan memengaruhi identitas visual website sehingga tampilan website tetap konsisten dengan branding institusi.
Fungsi Modul Pengaturan
Modul Pengaturan berfungsi sebagai pusat konfigurasi identitas website.
Melalui modul ini, administrator dapat:
-
Mengubah judul website yang tampil pada browser.
-
Menentukan warna utama (Primary Color) website.
-
Mengganti favicon atau ikon website.
-
Menyesuaikan identitas visual sesuai branding institusi.
Tampilan Halaman
Halaman Modul Pengaturan terdiri dari satu bagian utama yaitu Branding & Identitas.
Pada bagian ini administrator dapat mengelola beberapa informasi penting mengenai identitas website.
🏷️ Branding & Identitas
Bagian Branding & Identitas digunakan untuk mengatur identitas visual website.
Administrator dapat mengelola beberapa pengaturan berikut.
🌐 Judul Situs
Kolom Judul Situs digunakan untuk menentukan nama website yang akan tampil pada tab browser.
Contoh:
STIE Jayakusuma Website
Apabila pengunjung membuka halaman website, tab browser akan menampilkan format seperti berikut.
Nama Halaman — STIE Jayakusuma Website
🎨 Warna Primary
Kolom Warna Primary digunakan untuk menentukan warna utama website.
Warna ini akan diterapkan pada berbagai elemen antarmuka seperti:
-
Tombol
-
Tautan (Link)
-
Menu aktif
-
Ikon tertentu
-
Aksen tampilan website
Masukkan kode warna menggunakan format HEX sebanyak 6 digit.
Contoh:
#097918
🖼️ Favicon / Icon Website
Bagian ini digunakan untuk mengganti ikon website (favicon) yang ditampilkan pada tab browser.
Administrator dapat melihat favicon yang sedang digunakan sebelum mengganti dengan file baru.
Format file yang didukung
-
ICO
-
PNG
-
SVG
-
JPG
Ketentuan file
-
Ukuran maksimal 1 MB
-
Disarankan menggunakan gambar berbentuk persegi.
-
Resolusi yang disarankan 512 × 512 piksel agar menghasilkan tampilan yang optimal.
💾 Simpan Pengaturan
Setelah seluruh perubahan selesai dilakukan, klik tombol Simpan Pengaturan untuk menerapkan perubahan.
Seluruh pengaturan akan langsung digunakan oleh website setelah berhasil disimpan.
Mengelola Pengaturan Website
Untuk memperbarui identitas website, lakukan langkah berikut.
-
Klik menu Pengaturan pada Website Administrator.
-
Perbarui informasi yang diperlukan.
-
Apabila ingin mengganti favicon, klik Choose File dan pilih gambar baru.
-
Pastikan seluruh pengaturan telah sesuai.
-
Klik Simpan Pengaturan.
-
Lakukan pengecekan pada website untuk memastikan perubahan telah diterapkan.
Alur Pengelolaan Pengaturan
Secara umum, proses pengelolaan identitas website dilakukan melalui tahapan berikut.
-
Buka menu Pengaturan.
-
Tentukan nama website yang akan digunakan.
-
Atur warna utama sesuai identitas institusi.
-
Unggah favicon apabila diperlukan.
-
Simpan seluruh perubahan.
-
Periksa tampilan website pada browser untuk memastikan perubahan telah berhasil diterapkan.
Tips Penggunaan
-
Gunakan nama website yang sesuai dengan identitas resmi institusi.
-
Gunakan warna utama yang konsisten dengan logo atau pedoman branding kampus.
-
Gunakan favicon dengan resolusi tinggi agar tetap terlihat jelas pada berbagai ukuran.
-
Hindari menggunakan ukuran file yang terlalu besar agar proses unggah lebih cepat.
-
Setelah melakukan perubahan favicon, lakukan refresh browser atau hapus cache browser apabila ikon lama masih muncul.
Artikel Terkait
Setelah memahami Modul Pengaturan, Anda dapat mempelajari artikel berikut:
-
👥 Modul Manajemen User
-
📋 Activity Log
-
📱 Modul Kontak & Sosial Media
-
📰 Modul Berita
-
🖼️ Modul Banner Homepage
-
🖥️ Dashboard Administrator
Tujuan artikel ini: Memberikan panduan penggunaan Modul Pengaturan untuk mengelola identitas dan branding website, mulai dari mengatur judul situs, warna utama, hingga favicon. Dengan pengaturan yang tepat, website akan memiliki tampilan yang konsisten, profesional, dan sesuai dengan identitas institusi.