Bosok Artikel: Ubah Tema Default OpenSID | Themes Batudhaa | #3

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 :

Batudaa. Download Sekarang
ODC. Download Sekarang
Urban. Download Sekarang
Default
Hadekawa

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.