Nanaz's Blog

Silverstripe sebagai sebuah CMS memiliki MVC development framework yang bernama Sapphire. Dengan menggunakan MVC ini developer silverstripe dapat dengan mudah memodifikasi template/themes silverstripe. Pada tulisan ini akan dijelaskan informasi dasar themes pada silverstripe untuk pembuatan themes pada Tutorial berikutnya.

Sebelum memulai pembuatan themes perlu terlebih dahulu kita mengetahui struktur direktori MVC pada silverstripe. Pada direktori utama silverstripe terdapat dua buah direktori yaitu mysite dan themes. Direktori mysite digunakan untuk menyimpan file model dan controller, sedangkan direktori themes menyimpan file themes (view) yang digunakan oleh silverstripe.

Selain mengetahui struktur direktori kita juga perlu mengetahui model template engine pada silverstripe. Pada silverstripe sebuah halaman akan memiliki tipe (Page Type). Ketika membuat sebuah halaman di cms Silverstripe kita harus menentukan jenis halaman yang akan dibuat. Tipe halaman yang paling dasar pada silverstripe adalah Page.

Perlu kita ketahui saat awal silvertripe di install, tipe halaman dasar yang sudah disediakan oleh cms ini bernama Page. Jika kita melihat ke dalam direktori themes/blogcandy/templates/  (direktori ini sudah ada  saat pertama kali menginstall), kita akan menemukan sebuah file bernama Page.ss. File dengan ekstensi .ss tersebut adalah jenis file view (file template) dari silverstripe dimana Page adalah nama tipe halamannya.  View tersebut akan memiliki model dan controler yang bernama Page.php yang terletak di dalam direktori mysite/code/. Disini kita sudah bisa melihat ada hubungan antara file Page.ss dan Page.php, yaitu setiap view akan memiliki model dan controller.

Selanjutnya kita perlu mengetahui struktur direktori dari templates silverstripe. Jika kita buka direktori /themes/blogcandy, kita bisa melihat struktur direktori dari themes blogcandy tersebut, kurang lebih seperti pada gambar dibawah ini :

Pada direktori blogcandy terdapat direktori sebagai berikut :

• css, direktori ini digunakan untuk menyimpan file css dari themes.
• images, direktori ini digunakan untuk menyimpan file image dari themes.
• templates, direktori ini digunakan untuk menyimpan file view yang berekstensi .ss, selain itu pada direktori ini juga terdapat dua sub direktori lainnya, yaitu :
  • Includes, digunakan untuk menyimpan file yang nantinya akan disisipkan (include) ke dalam file utama dari view sebuah halaman.
  • Layout, digunakan untuk menyimpan file Layout content dari tipe halaman tertentu.

File template pada silverstripe akan disimpan pada folder themes/[nama template]/template, dimana sintaks html  dari template akan disimpan dengan ekstensi .ss. Seperti yang terdapat pada themes blogcandy, jika anda buka file themes/blogcandy/templates/Page.ss, isinya akan berupa file html yang di dalamnya juga ada tag dengan tanda <% %> yang merupakan sintaks template engine dari silverstripe.

Untuk lebih lengkapnya mengenai template silverstripe anda bisa melihat di dokumentasi silverstripe pada situs http://doc.silverstripe.com/doku.php.

-Nz-