Panduan Template Webkus

Artikel ini berisi panduan bagaimana untuk mengkustomisasi template bawaan Webkus

Pengaturan Template

Di halaman edit template, terdapat 4 input yang bisa pengguna isi.

1. Custom Bootstrap CSS

Memungkinkan pengguna untuk menggunakan url bootstrap kustom. Contoh penggunaanya yang paling umum adalah untuk tema-tema dari Bootswatch.

Jika dikosongkan maka akan menggunakan url default bootstrap.

2. Extended CSS

Memungkinkan pengguna untuk mengoverride CSS Boostrap & CSS default Webkus. Contoh penggunaannya bisa untuk mengganti font, warna background, ukuran gambar, dan lain-lain.

3. Extended HTML

Memungkinkan pengguna untuk menambahkan kode HTML di bagian bawah halaman. Tepatnya diatas footer. Contoh penggunaanya bisa untuk menambahkan FAQ, motto, informasi lanjutan, dan lain-lain.

Dan juga menambahkan script-script pihak ketiga seperti untuk analytic, iklan, dan lain-lain.

4. Extended JS

Memungkinkan pengguna untuk membuat function, memodifikasi DOM, menangkap event, dan lain-lain. Sebenarnya penggunaannya cukup jarang, namun tetap kami sediakan, karena mungkin saja ada yang membutuhkan.

Tutorial Kustomisasi

1. Jalankan Template Runner di local

Kami sudah siapkan code untuk menjalankan template di komputermu. Bisa ikuti petunjuk di https://gist.github.com/hxndrxcode/5155fc8aa2e7c59fee431b7c2ca4766a.

2. Ganti WEBKUS_URL

Jika kamu mau pakai data dari website kamu:

Di file server.js ada constant WEBKUS_URL. Silakan ganti ke url webkus kamu.

3. Extend Template

Ada 4 bagian yang bisa kamu edit/tambahkan. Kamu bisa search di file template.html:

• BootstrapCSS
• ExtendedCSS
• ExtendedHTML
• ExtendedJS

Silakan edit/extend sesuai kebutuhan, lalu simpan, reload halaman di browser.

Setelah semua selesai, salin code/script tadi ke halaman Edit Template. Lalu Simpan Perubahan.

F.A.Q

1. Kenapa punya saya masih tampilan lama?

Silakan ke halaman edit template, lalu klik Reset to default. Dengan melakukan reset, maka Anda bisa menggunakan fitur diatas. Dan website Anda akan menampilkan template terbaru.

NOTE: Setelah di-reset, kamu tidak bisa kembali ke tampilan lama.

2. Apakah tidak bisa lagi mengedit full HTML seperti sebelumnya?

Tidak bisa. Hal ini sudah kami sampaikan di video ini, bahwa full editable HTML membuat kami kesulitan untuk menambah fitur, dan lain-lain.

3. Bagaimana dengan yang sudah membeli template?

Sayangnya template tersebut sudah tidak bisa dipakai lagi. Kami imbau kepada para developer, untuk mengupdate templatenya menyesuaikan pengaturan template terbaru. Bagi pembeli template, silakan bisa menghubungi developernya.

4. Apakah ada video tutorial mengedit templatenya?

Bisa tonton video panduan template webkus