lifelong learner — urip iku urup, currently working on accenture.

Cara membuat tema custom pada drupal 8 – 1. Mendaftarkan tema

0
Degananda.com -

Drupal adalah salah satu CMS (Content management system) yang sering digunakan oleh perusahaan besar dalam membuat aplikasi dengan skala enterprise. Drupal terkenal dengan tingkat keamanan yang tinggi dibandingkan CMS lainnya seperti wordpress , joomla. Itu adalah salah satu alasan kuat mengapa banyak perusahaan menggunakan drupal sebagai CMF (Content Management Framework) dalam membangun aplikasi berbasis web.

Jika hanya memanfaatkan fitur bawaan yang dimiliki oleh drupal tentunnya kita akan memiliki batasan dalam mencari solusi untuk masalah-masalah dalam bisnis. Drupal hanya menyediakan fitur dasar seperti post, comment, image gallery dan lain sebagainnya yang mungkin tidak cukup untuk memenuhi permintaan dari user terkait masalah bisnis.

Solusinnya agar drupal dapat digunakan untuk memenuhi permintaan user atau client dalam menyelesaikan masalah bisnis adalah dengan membuat custom theme. Dengan custom theme ini kita layaknya diberikan suatu canvas yang siap untuk diberikan gambar apapun namun dengan tetap mendapatkan fitur dasar yang dimiliki oleh drupal terutama dari sisi keamanan. Sehingga tidak perlu khawatir akan mendapatkan ancaman peretasan dari sisi frotnendnya.

Cara membuat tema custom pada drupal 8

Kami menggunakan drupal versi 8 atau lebih tepatnya yakni drupal versi 8.3.2.Versi ini kami pilih untuk menyesuaikan versi drush bawaan dari acquiadev yang memiliki versi 8.10 yang hanya kompitable untuk versi 8.3.2 kebawah. Jika anda menggunakan versi 8.3.2++ maka gunakanlah versi drush yang sesuai (jika memang menggunakan drush).

1. Buat folder tema

Langkah pertama dalam membuat tema custom pada drupal adalah dengan cara membuat folder tema. Letakan folder tersebut di path folder sebagai berikut ini

/drupal/themes

drupal adalah lokasi project. Setelah folder dibuat maka silahkan buka folder tersebut dengan menggunakan text editor kesayangan anda. Kami menggunakan sublime text dalam hal ini meski sebenarnya favorit kami adalah microsoft visual code namun sublime text lebih ringan.

2. Membuat info tema

untuk memberitahu drupal agar dapat mengetahui bahwa terdapat tema custom yang kita buat maka kita harus membuat file dengan nama

namatema.info.yml

Maka dalam tema yang kali ini kami buat nama dari info.yml adalah sebagai berikut ini

  • typo, harusnya vividgray.info.yml mohon dimaafkan hhe.

ibarat dalam kehidupan sehari-hari info.yml adalah ktp atau tanda pengenal dengan kata lain tanpa adannya file info.yml drupal tidak akan mengetahui bahwa folder “vividgray” adalah sebuah tema drupal. Kemudian, Di dalam info.yml ini akan berisi berbagai informasi diantarannya adalah sebagai berikut ini

  1. name : nama dari tema
  2. description : deskripsi dari tema yang kita buat
  3. package : nama package layaknya pada java atau golang untuk mengelompokan file-file tertentu menjadi satu bagian dari package. Anda dapat memberikan nama dari package sesuai dengan keinginan
  4. core : versi drupal, contoh drupal 8 maka menggunakan 8.x
  5. type : ada tiga jenis type yang dapat kita tuliskan di info.yml pertama adalah profile untuk membuat profil installasi kedua yakni module untuk membuat module dan terahir yakni theme untuk membuat tema. Tentunnya karena kita akan membuat tema kita gunakan “theme”  sebagai typenya.
  6. libraries : lokasi file library seperti css ataupun js untuk tema yang akan kita buat

Secara aturannya, hal yang wajib dalam mendefinisikan tema dalam drupal hanyalah field “name” dan “description” sisannya adalah optional. Untuk awal ini kita coba definisikan name,description, package, core dan type. Sebelum anda menuliskan apapun dalam info.yml tersebut perhatikan aturan ini

jangan menggunakan “TAB” cukup gunakan “space” , karena tab akan membuat drupal tidak dapat membaca info.yml

adakah aturan lain ? ya

Untuk list dan properties gunakan dua buah space. Selain itu gunakan satu space

oke setelah memahami peraturan diatas kita akan isi detail dari info.yml sesuai dengan preferensi theme yang akan kita buat. Berikut ini adalah info.yml yang kami buat untuk tema vividgray.

name: vividgray
description: custom theme drupal that use gray as base color.
package: custom
type: theme
core: 8.x

Ingat bahwa aturan penulisan pada file yml adalah sebagai berikut

  1. sebelum titik dua tidak ada spasi
  2. tidak ada double space kecuali untuk property/list.

3. Melihat tema pada menu theme

jika tidak ada kesalahan penulisan maupun format pada info.yml pada menu Appearance maka akan muncul tema custom yang telah kita buat tadi. Anda dapat melihat daftar theme dilink dibawah ini

admin/appearance

done , kita telah berhasil mendaftarkan custom theme pada drupal.