FACEBOOK

» » MEMBUAT OSCLASS THEME DARI TEMPLATE HTML

MEMBUAT OSCLASS THEME DARI TEMPLATE HTML

Oleh
Membuat osclass theme atau template osclass bisa dilakukan dengan banyak cara, misalnya dengan membuat template osclass dengan kemampuan php, css, javascript dan lain-lain, atau dengan melakukan modifikasi template yang sudah ada dan banyak cara lainnya. Kali ini mas rudy ingin membahas tentang membuat template osclass dari template html yang sudah jadi, artinya dari HTML theme kita rubah menjadi osclass theme.

KENAPA TEMPLATE HTML

Dari sekian banyak pilihan yang bisa kita ambil untuk membuat osclass theme, kenapa saya justru memilih dari template HTML? Tentu saja setiap orang mempunyai alasannya masing-masing, mas rudy sendiri memang sudah memiliki beberapa template HTML yang siap pakai dan bentuknya sesuai dengan keinginan dan tema website yang mas rudy butuhkan.

Dimana saya bisa mendapatkan template html ? Nah, untuk ini jawaban paling standar adalah cari melalui google, atau kita bisa langsung membelinya dari beberapa website yang menjual template, misalnya themeforest, whoothemes,eleganthemes dan lainnya. Nah loh kenapa tidak sekalian beli template osclass saja?

CARA MEMBUAT TEMPLATE OSCLASS

Panduan lengkap cara membuat osclass theme bisa Anda lihat di dokumen dari website resmi osclass. Dan berikut penjelasan singkat versi mas rudy tentang cara membuat template osclass.
Di mulai dari file "index.php" yang kita letakkan di folder root hosting kita, yang berisi :

<?php
/*
Theme Name: NAMA THEME ANDA
Theme URI: http://osclass.org/
Description: NAMA THEME ANDA
Version: VERSI ANDA
Author: NAMA ANDA
Author URI: http://osclass.org/
Widgets: header, footer
Theme update URI: bender
*/

function bender_theme_info() {
return array(
 'name' => 'NAMA THEME ANDA'
 ,'version' => 'VERSI ANDA'
 ,'description' => 'NAMA THEME ANDA'
 ,'author_name' => 'Osclass'
 ,'author_url' => 'http://osclass.org'
 ,'locations' => array()
);
}

?>

FILE WAJIB TEMPLATE OSCLASS

Berikut ini adalah file-file dalam membuat template osclass beserta penjelasannya :
  • 404.php: Untuk halaman error, contohnya untuk halaman tidak ditemukan
  • alert-form.php: Form pemberitahuan, ditampilkan pada halaman pencarian untuk berlangganan pencarian
  • contact.php: Halaman kontak, digunakan untuk mengirim pesan pada admin website
  • custom.php: File launcher untuk halaman kustom, bisa dimodifikasi namun pastikan berisi <?php osc_render_file(); ?>
  • footer.php: Footer, tampil pada bagian bawah halaman
  • functions.php: Pada file ini semua fungsi dari template dijalankan
  • header.php: Ditampilkan pada bagian awal halaman
  • inc.search.php: File ini tidak wajib, untuk bar pencarian pada bagian header
  • index.php: File ini sudah saya jelaskan pada bagian awal tulisan ini
  • item.php: Halaman untuk menampilkan detail iklan
  • item-contact.php: Halamman untuk menghubungi pemasang iklan
  • item-edit.php: Halaman untuk mengubah (edit) iklan oleh publisher (pemasang iklan)
  • item-post.php: Halaman untuk membuat iklan pada bagian front end
  • item-send-friend.php: Halaman untuk membagikan iklan oleh pengunjung
  • main.php: Homepage dari website
  • page.php: Launcher untuk halaman kustom, bisa diubah (edit) namun pastikan terdapat <?php echo osc_static_page_title(); ?> untuk menampilkan judul dan <?php echo osc_static_page_text() ; ?> untuk menampilkan deskripsi iklan
  • screenshot.png: Preview template, tidak wajib namun berguna jika ingin berbagi template Anda pada orang lain
  • search.php: Halaman pencarian, hanya menampilkan bar pencarian dan filter-filter. Bisa ditampilkan secara galery maupun grid
  • search_gallery.php: Pencarian ditampilkan dalam bentuk galery iklan (hanya iklan, filter pencarian berada pada search.php)
  • search_list.php: Pencarian dalam bentuk list  (hanya iklan, filter pencarian berada pada search.php)
  • user-alerts.php: Halaman pemberitahuan (alert) untuk user
  • user-change_email.php: Halaman mengganti email untuk user
  • user-change_password.php: Halaman mengganti password (sandi) untuk user
  • user-dashboard.php: Halaman dashboard user
  • user-forgot_password.php: Halaman lupa password untuk user
  • user-items.php: Halaman yang berisi iklan-iklan user
  • user-login: Halaman untuk login user
  • user-profile: Halaman profil user
  • user-recover: Halaman untuk recovery password
  • user-register: Halaman register (mendaftar)

MEMBERI NAMA FILE TEMPLATE OSCLASS

Pada file "index.php" yang kita buat dan ditempatkan folder root hosting website kita terdapat nama template osclass buatan kita, dan disemua file template yang kita buat juga harus dicantumkan nama template kita, contohnya jika kita mengacu pada template bawaan dari osclass, yaitu bender, maka :

<h1><strong><?php _e('Latest Listings', 'bender') ; ?></strong></h1>
maka pada nama bender (warna merah) kita ubah menjadi nama theme yang kita buat
<h1><strong><?php _e('Latest Listings', 'NAMA THEME ANDA') ; ?></strong></h1>
Dan ini berlaku bagi semua file template yang kita buat. Pertanyaanya sekarang adalah filenya banyak sekali, dan jika kita harus menamai satu persatu maka akan lama sekali. YA memang harus demikian, terutama jika kita membuat template tersebut murni dengan membuat file template satu persatu, atau setidaknya jika kita membuat template osclass ini dari template HTML sepert yang mas rudy lakukan.

Namun jangan khawatir, bagi Anda yang menggunakan software macromedia dreamweafer maka terdapat fasilitas yang bisa kita gunakan untuk merubah nama file dalam jumlah banyak dengan sekali klik saja, namun tentu saja ketelitian dan kecermatan kita tetap diperlukan.

Berikut ini contohnya :
Gambar diatas adalah fasilitas search (pencarian atau Ctrl + F) yang terdapat pada macromedia dreamweafer namun kali ini akan kita gunakan bagian replace-nya.
Seperti terlihat pada gambar diatasa maka kita bisa memilih beberpa opsi "Find in", yaitu :

  • Current Document
  • Open Document
  • Folder
  • Selected Files in Site
  • Entire Current Local Site
Dan pada bagian "Options", kita dapat memilih :
  • Match Case
  • Match whole word
  • Ignore whitespace
  • Use regular expression

Dengan mengisi secara tepat semua pengaturannya dan mengisi kolom Find dengan text yang akan kita ganti dan mengisi kolom replace with dengan kata / text yang akan kita gunakan dan dalam hal ini adalah nama template osclass kita. dan dengan sekali klik pada tombol "Replce All" maka seluruh file pada folder yang telah kita pilih akan berubah sesuai dengan yang kita kehendaki.

ALASAN MAS RUDY MEMBUAT TULISAN INI

Oya, ada yang mas rudy lupakan, yaitu kenapa mas rudy menulis tentang osclass lagi setelah tulisan sebelumnya tentang cara mengaktifkan expired date iklan pada osclass adalah karena mas rudy saat tulisan ini dibuat sedang membuat sebuah template osclass untuk mengganti total tampilan salah satu website mas rudy yang bertemakan jual beli. Perubahan yang mas rudy lakukan cukup banyak bahkan bisa dibilang total karena mas rudy mengganti framework yang digunakan, dari wp ke osclass ini.

Dan ketika mas rudy jalan setengah proses pembuatan template ini, rekan mas rudy yang juga selama ini menjadi funder setiap project  yang mas rudy buat menawarkan solusi gampang, yaitu membeli template jadi, yang akhirnya mas rudy setujui dan akan segera di re-launch setelah seluruh konten (data) telah selesai di migrasikan.

Sedangkan untuk pembuatan template akan mas rudy lanjutkan lagi setelah relaunch tersebut berjalan mulus nantinya.

Demikian tulisan mas rudy tentang osclass, yaitu pembuatan template osclass. Terima kasih.

Back To Top