Lompat ke konten Lompat ke sidebar Lompat ke footer

Tutorial Cara Mengubah Warna Tema Barka CMS Sekolahku

Tutorial Cara Mengubah Warna Tema Barka CMS Sekolahku - Halo sobat Trivusi! Apa kabarnya hari ini? Semoga senantiasa sehat, ya.

Di kesempatan ini trivusi.web.id akan membagikan tutorial mengenai cara mengubah warna Tema Barka di CMS Sekolahku.

Daftar Isi

Sekilas tentang Tema Barka

Seperti yang sudah dibahas di artikel sebelumnya, Tema Barka adalah tema yang dikembangkan dan dibagikan secara gratis untuk digunakan sebagai tampilan website sekolah berbasis CMS Sekolahku.

Apabila Anda belum memiliki tema ini, bisa cek artikel berikut: “Download Tema Barka Gratis untuk CMS Sekolahku

Tampilan tema barka CMS Sekolahku
Tampilan Tema Barka CMS Sekolahku

Tema Barka memiliki tampilan yang responsive, elegan, dan mudah dikustomisasi warnanya sesuai selera pengguna.

Secara default, tema ini didominasi oleh warna biru gelap dengan aksen kuning.

Tema Barka mendukung penggantian warna apabila dirasa kurang cocok dengan nuansa dan ciri khas sekolah Anda.

Cara Mengubah Warna Tema Barka

Jika website sekolah Anda ingin tampil beda dengan ciri khas warna tertentu, berikut adalah caranya.

  1. Buka website yang menyediakan fitur color picker. Color picker adalah fitur untuk memilih warna yang kita inginkan, kemudian akan ditampilkan kode dari warna tersebut. Salah satu contohnya adalah W3Schools Colors Picker

    situs w3schools color picker

  2. Setelah membuka W3Schools Colors Picker, selanjutnya pilih 2 warna yang cocok ketika disandingkan (komplementer). Jangan lupa memilih 1 warna lagi yang sama dengan warna utama tetapi 2 tingkat lebih terang
  3. Di contoh ini saya memilih paduan warna hijau berkode #2C8046 sebagai warna utama dan warna jingga dengan kode #F5A00C sebagai warna aksen. Sedangkan untuk warna sekunder adalah warna hijau muda berkode #2C9C4F


  4. Selanjutnya buka file views/themes/barka/assets/css/custom.css dan tempelkan kode warna yang sudah kita dapatkan di langkah 2. Contoh kodenya sebagai berikut

  5. Simpan file tersebut
  6. Lakukan clear cache browser. Hal ini dimaksudkan agar kode css yang kita ubah di langkah 4 tidak dipengaruhi oleh cache yang sebelumnya sehingga kustomisasi warna yang kita lakukan bisa berhasil.
Tampilan tema barka setelah warnanya dikustomisasi
Hasil akhir setelah diubah warnanya

Penutup

Itulah tutorial singkat cara mengubah warna Tema Barka di CMS Sekolahku. Semoga informasi tersebut bisa berguna dan bermanfaat untuk sobat yang membutuhkan.

Terima kasih.

Salam!

Trivusi
Trivusi Ikatlah ilmu dengan menulis. Menebar manfaat dengan berbagi :)

Posting Komentar untuk "Tutorial Cara Mengubah Warna Tema Barka CMS Sekolahku"