Alhamdulillah, akhirnya saya berkesempatan untuk menulis tutorial pertama untuk blog MajalahIM yang berwajah baru ini. Dalam tutorial pertama ini, saya akan mengajar bagaimana untuk membina borang untuk blog wordpress anda secara langkah demi langkah.

Jika anda sudah bertahun-tahun bermain dengan wordpress, mungkin anda sudah tidak perlu membaca tutorial ini tetapi jika anda baru bermula, saya percaya tutorial ini sangat membantu

Anda boleh membina apa-apa borang yang anda suka dengan cara yang saya akan kongsikan ini. Borang hubungi, borang tempahan, borang kahwin survey dan pelbagai lagi

Baiklah, jangan buang masa. Mari kita mulakan. Untuk menjayakan misi kita untuk membina borang, kita perlukan satu plug in yang bernama cforms II. Klik disini untuk ke laman rasmi plug in cforms II ini.

Seterusnya, klik pada button seperti yang ditunjukkan dalam gambarajah di bawah untuk memuat turun plug in ini (Klik pada gambarajah untuk besarkannya)

Setelah selesai prosess download, extract folder zip tersebut dan upload ke dalam hosting anda

Seterusnya, masuk ke ruangan wp-admin anda dan klik pada button Plugins pada sidebar di sebelah kiri.

Klik pada “Activate” untuk mengaktifkan plug in cforms II.

Sebaik sahaja anda mengaktifkan plug in tersebut, satu widget khas untuk cforms II akan muncul pada sidebar di ruangan wp-admin anda. Langkah seterusnya ialah klik pada button cforms II

Dan anda akan dapat lihat antara muka cformsII seperti berikut

Baiklah, sekarang sudah tiba masanya untuk membina borang. Ayuh mulakan!

Untuk membina borang baru, klik pada button “Add new form” pada bahagian atas sebelah kanan.

Sila rujuk pada gambarajah di bawah sebagai panduan untuk membina borang anda

Yeahhh..ini adalah satu contoh borang yang siap di”setting” dengan menggunakan panduan diatas

Baiklah, sekarang anda sudah selesai membina borang anda (jangan lupa klik pada button “Update Settings”). Langkah seterusnya, anda perlu tetapkan emel untuk menerima butir-butir borang yang dihantar oleh pelawat anda.

Klik pada “Core Form Admin / Email Options”

Masukkan email anda dan juga subjek emel yang akan diterima

Oh ya..sekali lagi jangan lupa klik pada button “Update Settings”

Yesss…akhirnya semua setting sudah siap! Sekarang tiba masa untuk kita masukkan borang yang kita bina ke dalam page wordpress

Pada widget “Pages”, klik pada “Add New” untuk membina page baru

Klik pada ikon cformsII untuk memasukkan form

Pilih borang anda. Dalam contoh ini, saya namakan borang saya sebagai “Tempahan”

Klik “Insert”

Jika anda dapat melihat seperti gambarajah di bawah, maknanya anda telahpun berjaya memasukkan borang ke dalam page wordpress anda.

Seterusnya, “Publish” page yang anda bina tadi.

Dan lihat hasilnya..tadaaaaa…

Comel bukan?

Ok comel je tak cukup..jom kita test borang ini. Isikan maklumat dan tekan submit

Check emel sekarang…

Yezzaaaaa…

Sekarang anda telah siap membina satu borang yang berfungsi dengan perfect. Selamat mencuba

Oh ya, memandangkan ini adalah tutorial pertama saya, maka saya perlukan sedikit komen dari anda tentang cara membuat tutorial. Komen jangan tak komen ye

Related posts:

1. Panduan Advanced SEO Wordpress