Setelah kita mengetahui konsep themes dari silverstripe, kita bisa membuat sebuah themes sendiri. Pada tutorial ini akan dijelaskan cara pembuatan themes sederhana yang terdiri dari satu tipe halaman saja. Untuk pengembangannya mungkin bisa dimodifikasi sendiri.
Pada direktori themes buat sebuah direktori misal bernama themes1, dimana themes1 ini adalah nama dari themes yang akan kita gunakan. Didalam direktori themes1 buat tiga direktori yaitu css, images, dan templates, dan yang terakhir buat dua direktori didalam direktori templates yaitu Include dan Layout. Perlu diingat direktori yang dibuat menggunakan penulisan case sensitive. Hasil direktori tersebut bisa dilihat sebagai berikut :
- themes/
- themes1/
- css/
- images/
- templates/
- Includes/
- Layout/
- themes1/
Susunan direktori tersebut merupakan susunan direktori standar pada setiap themes dari silverstripe. Selanjutnya buat sebuah file Page.ss (case sensitive) pada direktori themes/themes1/templates. Kurang lebih isi filenya sebagai berikut :
<html> <head> <title>Themes Silverstripe 1</title> </head> <body> <ul> <% control Menu(1) %> <li> <a href="$Link">$MenuTitle</a></li> <% end_control %> </ul> <div> <h1>$Title</h1> $Content $Form </div> </body> </html>
Setelah itu untuk menggunakan themes yang baru kita buat, kita harus mengubah kode pada file mysite/_config.php, biasanya terletak pada baris terakhir dari :
SSViewer::set_theme("blogcandy");
menjadi :
SSViewer::set_theme("themes1");
Dan juga kita perlu menghapus cache templates silverstripe yang ada pada server dengan mengetikkan http://localhost/silverstripe/?flush=1 (jika silverstripe diinstall pada komputer local di direktori silverstripe) pada browser. Nanti hasilnya akan terlihat di browser.
Perlu diingat bahwa silverstripe secara default menggunakan css bernama layout.css dan typography.css. Jika pada themes yang kita buat tidak terdapat dua file tersebut di direktori css maka silverstripe akan mengambil layout.css dan typography.css standar dan akan selalu digenerate pada tag head pada setiap halaman. Jadi jika anda tidak menggunakan file tersebut pada template anda buat kedua file tersebut dengan kondisi kosong di direktori css pada themes anda.
-Nz-
RSS Feed
