Informasi Cepat Seputar Berita Pendidikan
Google NewsIndeks

Tutorial Cara Mengubah Warna Tema Barka CMS Sekolahku

Tutorial Cara Mengubah Warna Tema Barka CMS Sekolahku
Tutorial Cara Mengubah Warna Tema Barka CMS Sekolahku

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

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
    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
    color palette
  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
    :root {
    –primary-color: #295E12;
    –secondary-color: #2C9C4F;
    –accent-color: #F5A00C;
    }
    view rawcustom.css hosted with ❤ by GitHub
  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.
    Hasil akhir Tema Barka setelah diubah warnanya
    Hasil akhir tema barka setelah diubah warnanya
Baja Juga :  Tutorial Membuat Link Sumber Ketika Copy Artikel Di WordPress

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.