Ubah Tema Default OpenSID | Themes Batudhaa | #3 | Mukti911

 A. Pendahuluan

Pada Artikel sebelumnya aku sudah share cara untuk meng-install OpenSID. Lalu banyak yang tanya apakah tampilannya bisa diubah. Memang bisa tampilannya diubah sendiri dengan cara re-coding theme dari OpenSID. tapi jika kalian mengubah sendiri akan memakan waktu yang cukup lama maka dari itu kita gunakan saja tema yang sudah dibuat oleh Pegiat OpenSID atau Komunitas OpenSID.

B. Latar Belakang
Karena default tema dari OpenSID kurang menarik dan kurang interaktif.

C. Maksud dan Tujuan
Agar dapat memasang tema pada OpenSID.

D. Alat & Bahan

  • WebServer ( Apache2, MySQL, PHP ).
  • OpenSID
  • Tema OpenSID

D. Waktu Pelaksanaan

  • 10 Menit

E. Pembahasan

Pada artikel sebelumnya aku sudah meng-share cara untuk menginstall OpenSID. Sekarang aku akan share bagaimana cara memasang tema pada OpenSID. OpenSID menyediakan dua tema penampilan web.
  • Tema default, dan
  • Tema hadakewa (tema ini responsif).
Setting tema yang akan digunakan dijelaskan di Panduan Konfigurasi Aplikasi, lihat bagian Setting web_theme. Jika setting ini dikosongkan, yang akan ditampilkan adalah tema default. Pada SID inti (berkas asli rilis unduhan), berkas tema ada di folder themes. Style/css masing-masing tema ada di:
  • Style/css tema default ada di folder themes/default/css, dan
  • Style/css tema hadakewa ada di folder themes/hadakewa/css.
Di masing-masing folder tersebut bisa ditemukan berkas berikut:
  • first.css yang mengubah style yang ada di assets/front/css/first.css, dan
  • default.css yang mengubah style yang ada di assets/front/css/default.css.
  • Kedua berkas tersebut berisi setting css yang terpenting untuk menentukan penampilan modul Web.

Berikut adalah Tema yang telah dikembangkan teman teman dari Pegiat & Komunitas OpenSID :

F. Langkah Kerja
Aku akan share cara untuk mengubah tema OpenSID menjadi OpenSID batudhaa :

  • Pastikan kalian sudah download temanya lalu kalian extract setelah di extract kalian masukkan folder tersebut di folder <opnsid>/themes/ . Lalu ubah permission akses pada file yang kalian copy-kan tadi menjadi 777 dan www-data:www-data.

root@911-X453MA:/# cd /home/mukti/Downloads/
root@911-X453MA:/home/mukti/Downloads# unzip batudaa-theme-master.zip 
root@911-X453MA:/home/mukti/Downloads# mv batudaa-theme-master/batudaa /var/www/html/desamaron/themes/
root@911-X453MA:/home/mukti/Downloads# cd /var/www/html/desamaron/themes/
root@911-X453MA:/var/www/html/desamaron/themes# ls -l
total 16
drwxr-xr-x 7 root     root     4096 Apr  4 06:34 batudaa
drwxrwxr-x 5 www-data www-data 4096 Jul  1 05:19 default
drwxrwxr-x 5 www-data www-data 4096 Jul  1 05:19 hadakewa
-rwxrwxr-x 1 www-data www-data  114 Jul  1 05:19 index.html
root@911-X453MA:/var/www/html/desamaron/themes# chown -R www-data:www-data batudaa/
root@911-X453MA:/var/www/html/desamaron/themes# chmod -R 775 batudaa/

  • Lalu buka browser lalu masuk ke siteman lalu login setelah itu klik pada pojok kanan atas yaitu user lalu klik pilih pengaturan. setelah itu pilih Setting Aplikasi lalu scroll kebawah lalu pada menu web_theme pilih batudaa. setelah itu simpan.
Login Page OpenSID
Admin
Setting Aplikasi
  • Lalu lihat pada first apakah tema sudah berubah. 
Tampilan Default OpenSID

Tampilan Batudaa OpenSID

G. Hasil Yang Didapat

  • Dapat menambah dan mengubah tema pada OpenSID

H. Kesimpulan
Jadi dalam OpenSID dapat diubah temanya.

I. Referensi


Posted

in

, , , , , ,

by

Tags:

Comments

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *