Mencoba Modifikasi Template cmssekolahku

Beberapa waktu yang lalu aku browsing tentang website sekolah ternyata menemukan CMSSEKOLAHKU. Fitur-fiturnya sudah lumayan cukup memenuhi kebutuhan web sekolah. Cmssekolahku ini masih tergolong baru dan masih membutuhkan pengembangan baik dari segi plugin maupun tema atau template, agar ke depan bisa lebih baik lagi.

Sebagai seorang yang sedang belajar, kehadiran cmssekolahku lumayan membantuku dalam mengasah keterampilan me-layout sebuah halaman web. Memang yang namanya belajar pasti butuh pengorbanan terutama waktu dan kuota internet. Namun semua itu akan terbayar manakala bisa menghasilkan karya yang sesuai harapan qolbu.

Dalam memodifikasi template cmssekolahku ada beberapa elemen yang kurubah, terutama pada style.css dan custom.css. Lebar halaman ditambah jadi 980px, ada tambahan 20pixel. Header juga dibuat tidak full, ada ruang di sisi kiri dan kanan header.

Layout Frontpage masih tetap tiga kolom namun ada pengurangan margin di aside-primary, sedangkan ketika buka readmore tampilan berubah menjadi dua kolom yaitu dengan membuang aside-primary. Hal ini dimaksudkan agar ada pebedaan tampilan antara Frontpage dengan halaman Post.

Perubahan lainnya adalah pada nabigasi utama primary-navigator dimana tulisan Home diganti dengan gambar icon rumah putih, sehingga menimbulkan kesan artistik. Hal serupa juga dilakukan pada RSS dan Peta Situs yang dirubah dari text menjadi image.

Dengan sedikit sentuhan seperti yang diuraikan di atas, maka tampilan website sekolah tidak kaku lagi dan akan dapat memanjakan mata pengunjung.

Itulah hal-hal yang aku lakukan dalam Modifikasi Template cmssekolahku. Hasilnya bisa anda lihat pada gambar di bawah ini, Klik Gambarnya biar besar. Sedangkan untuk Panduan cara modifikasinya akan saya share pada postingan berikutnya. Tunggu saja tanggal mainnya. Bersambung kesini...
Selamat Berkarya.

Klik Gambar berikut ini biar jelas

Comments

  1. bila berkenang dishare tutorialnya atau templatenya dikirim alamat downloadnya di roemrahman@gmail.com

    ReplyDelete
  2. super sekali..saya tunggu tutorialnya segera..salam kenal..

    ReplyDelete
  3. Jangan lupa kang, sekarang zamannya mobile....jadi theme yang dibuat harus sudah responsive

    ReplyDelete
    Replies
    1. betul bro.. tar kalau ada waktu insya Allah saya buat responsif

      Delete
  4. for All...
    Tutorial sudah saya share disini gan:
    http://www.notesku.com/2016/02/panduan-modifikasi-template-cmssekolahku-lanjutan.html

    ReplyDelete

Post a Comment

Popular posts from this blog

Tutorial Android Studio Mengganti Icon Launcher App

Cara Menambah gambar untuk project Android Studio

Cara Install Dual Boot Ubuntu dan Windows7 Pakai Flashdisk USB