Cara Mengganti Theme CMS Sekolahku

Senin, 20 Maret 2017 ~ Oleh Anton Sofyan ~ Dilihat 31322 Kali

CMS v2.x.x themenya dibuat pakai bootstrap 3.3.7, stylenya pakai style dari https://bootswatch.com ada 18 style css disana. Barangkali bosan dg theme bawaan CMS ini, silahkan ganti dengan cara sbb :

1. Duplikat theme "cosmo"
2. Rename jadi "slate"
3. Buka website https://bootswatch.com
4. Pilih Theme "slate" 
5. Pada menu Slate, pilih bootstrap.css, nanti akan muncul dilayar CSS dari theme tersebut
6. Copy semua isi pada layar tersebut (CTRL + A dan CTRL + C)
7. Buka file views/themes/slate/bootstrap.css
8. Kemudian tekan CTRL + A lalu CTRL + V dan terakhir CTRL + S
9. Kemudian ubah semua tulisan "cosmo" menjadi nama folder theme yang baru "slate " di setiap file-file berikut ini :
   • views/themes/slate/admission-search-form.php
   • views/themes/slate/contact-us.php
   • views/themes/slate/home.php
   • views/themes/slate/index.php
   • views/themes/slate/loop-files.php
   • views/themes/slate/loop-posts.php
   • views/themes/slate/polling-result.php
   • views/themes/slate/sambutan-kepala-sekolah.php
   • views/themes/slate/search-results.php
   • views/themes/slate/single-post.php
10. Masuk ke halaman administrator, pilih menu Tampilan / Tema
11. Klik Tombol tambah, isikan nama theme yang baru, dimana isian nama folder harus sama persis dengan nama folder yang dibuat

 Jika punya dasar CSS, bisa modif file views/themes/foldertheme/style.css. pada file tsb saya definisikan bbrp baris untuk ngatur warna header, footer, dll.