hakciptaterpelihara © irfan khairi sdn bhd - openedu.com.my · 8. dibahagian software setup ini,...

P a g e | 1

HakciptaTerpelihara © Irfan Khairi Sdn Bhd

P a g e | 2


Panduan Setup Website Jenis Salesletter.

Penting:

Pastikan anda sudah mempunyai domain dan juga hosting.

Dalam tutorial ini, contoh yang akan digunakan adalah ikwebhosting.com.

Anda perlu gunakan domain sendiri yang telah didaftarkan.

Panduan ini adalah untuk membina website jenis Salesletter. Untuk

panduan membina website jenis Shopping Cart dan Brochure, sila

download panduan yang telah disediakan diruangan material pembelajaran

modul 3.

Lakukan langkah berikut berdasarkan projek bisnes anda.

PASTIKAN anda hanya lakukan apa yang ditunjukkan dalam panduan ini

sahaja.

P a g e | 3


Cara Install Website

1. Buka browser anda dan taip URL Cpanel anda. Sebagai contoh:

http://ikwebhosting.com/cpanel

(gantikan ikwebhosting.com kepada nama domain anda sendiri)

2. Login ke Cpanel dengan memasukkan username dan password anda.

(Jika anda terlupa / hilang username & password cPanel, boleh check semula

dalam email. Tajuk email tersebut adalah “cpanel information”.)

P a g e | 4


3. Jika anda berjaya login, paparan seperti ini akan muncul.

4. Skrol ke bahagian bawah sehingga anda jumpa bahagian Software.

Klik pada Softaculous Apps Installer.

P a g e | 5


5. Paparan seperti ini akan muncul.

6. Gerakkan cursor (mouse) pada gambar bernama Wordpress dan klik Install.

P a g e | 6


7. Anda akan mendapati paparan seperti yang berikut:

8. Dibahagian Software Setup ini, anda tidak perlu ubah apa-apa.

Nota: Dibahagian Choose Domain, jika anda mempunyai beberapa domain dalam

hosting ini, pastikan anda memilih domain yang anda mahu gunakan untuk

website sales letter. Jika mempunyai satu domain, biarkan sahaja.

Pada bahagian In Directory, jangan isi apa-apa. Jika ada perkataan secara

automatik (bukan anda yang masukkan), delete / buang perkataan tersebut.

Biarkan ianya kosong sahaja.

P a g e | 7


9. Kemudian pada bahagian Site Settings, masukkan Site Name dan juga Site

Description.

Pada Site Name, masukkan nama produk / bisnes anda. Pada Site Description,

masukkan keterangan ringkas produk (seperti slogan ringkas).

Nota : Kedua-dua bahagian ini boleh diubah pada bila-bila masa walaupun

website sudah siap.

P a g e | 8


10. Kemudian di bahagian Admin Account, masukkan username dan password

untuk website anda. Anda boleh tentukan sendiri mengikut pilihan anda.

Pastikan guna username dan password yang sukar diteka oleh orang lain. Untuk

username, perlu ditulis dalam satu perkataan sahaja.

Pastikan anda salin dan ingat username dan password yang sudah dimasukkan.

Jika anda lupa, anda tidak akan dapat akses kedalam ruangan editor website anda.

Di bahagian Admin Email, gantikan dengan emel personal anda (Yahoo, Gmail dan

sebagainya).

11. Jika sudah selesai memasukkan username, password dan email, skrol ke

bawah dan klik pada Install.

P a g e | 9


12. Proses installation akan berjalan seperti biasa.

13. Jika anda berjaya, anda akan mendapat paparan seperti di bawah:

Terdapat dua link disitu. Link pertama adalah link laman web anda.

Link kedua pula adalah link untuk akses ke dalam editor laman web anda. Pastikan

anda salin (simpan) link tersebut kerana link ini akan anda gunakan untuk edit

kandungan laman web.

IANYA SANGAT PENTING UNTUK ANDA INGAT/SALIN.

P a g e | 10


Cara Setting Website

14. Login ke sistem website anda dengan menaip /wp-admin pada domain anda.

Contoh: http://ikwebhosting.com/wp-admin

(gantikan ikwebhosting.com kepada nama domain anda sendiri)

15. Masukkan Username dan Password yang sudah anda masukkan pada proses

pemasangan sebelum ini iaitu pada langkah ke 10.

*Jika anda lupa, klik pada Lost your password? di bawah bahagian login tersebut.

P a g e | 11


16. Anda akan masuk ke bahagian Dashboard (admin) sistem website Wordpress.

17. Klik pada perkataan Dismiss untuk membuang bahagian Welcome.

P a g e | 12


18. Gerakkan cursor (mouse) pada Plugins dan klik pada Add New.

19. Masukkan perkataan Elementor di bahagian Keyword.

P a g e | 13


20. Klik pada Install Now.

21. Kemudian klik pada Activate.

P a g e | 14


22. Kemudian gerakkan cursor (mouse) pada Pages dan klik pada Add New.

23. Namakan Page anda di bahagian Enter title here. Sebagai contoh: Homepage.

P a g e | 15


24. Kemudian di bahagian Template, pilih Elementor Canvas.

25. Kemudian klik pada Publish.

P a g e | 16


26. Kemudian gerakkan cursor (mouse) pada Settings dan klik pada Reading.

27. Pastikan anda tick pada A static page.

P a g e | 17


28. Kemudian di bahagian Homepage, pilih page yang anda sudah hasilkan seperti

di langkah ke 23. Sebagai contoh: Homepage.

29. Skrol ke bawah dan klik pada Save Changes.

Anda sudah pun selesai Setting website anda.

P a g e | 18


30. Untuk melihat paparan semasa website anda, gerakkan cursor (mouse) pada

tajuk website anda dan klik pada Visit Site.

31. Website anda masih kosong. Tutorial yang berikutnya adalah sangat penting di

mana anda boleh memasukkan text, gambar, dan video ke dalam website anda.

P a g e | 19


Cara Memasukkan Content Ke Dalam Website

32. Kembali semula ke paparan dashboard anda. Caranya adalah gerakkan cursor

(mouse) pada tajuk website dan klik pada Dashboard.

33. Gerakkan cursor (mouse) pada Pages dan klik pada All Pages.

34. Kemudian klik pada Edit.

P a g e | 20


35. Kemudian klik pada Edit with Elementor.

36. Di bahagian sebelah kiri anda adalah modul-modul yang Elementor berikan

untuk dimasukkan ke dalam website anda.

Bahagian sebelah kanan pula adalah paparan website anda.

P a g e | 21


37. Untuk proses memasukkan content ke dalam website, pertama sekali anda

perlu klik pada Add New Section.

38. Kemudian pilih satu structure.

P a g e | 22


39. Kemudian anda perlu klik pada icon seperti di bawah untuk kembali semula ke

paparan modul-modul Elementor.

40. Seterusnya pilih Text Editor untuk memasukkan ayat ke dalam website.

Caranya adalah, anda perlu klik pada Text Editor, dan tanpa perlu melepaskan

mouse, drag modul tersebut ke dalam structure di bahagian kanan anda.

P a g e | 23


41. Untuk memasukkan ayat anda yang tersendiri, anda perlu edit di bahagian kiri.

Gantikan ayat default yang sedia ada kepada ayat anda yang tersendiri.

P a g e | 24


42. Untuk mengubah Font dan warna tulisan, klik pada Style.

43. Pilih warna tulisan di bahagian Text Color.

Pilih font tulisan di bahagian Typography.

P a g e | 25


44. Jika sudah selesai memasukkan text, klik pada UPDATE untuk save content

website anda.

P a g e | 26


45. Seterusnya adalah cara untuk masukkan gambar ke dalam website.

Klik pada Add New Section di bahagian kanan anda.

46. Kemudian pilih satu structure.

P a g e | 27


47. Klik pada icon seperti gambar di bawah untuk kembali semula ke paparan

modul-modul Elementor.

P a g e | 28


48. Seterusnya pilih Image dan masukkannya ke dalam structure di bahagian

kanan.

Cara yang sama juga. Anda perlu klik pada Image, dan tanpa perlu lepaskan

mouse, drag modul Image tersebut ke dalam structure di bahagian kanan.

49. Kemudian klik pada Choose Your Image.

P a g e | 29


50. Klik pada Select Files.

51. Pilih file gambar dari laptop anda dan klik pada Open.

P a g e | 30


52. Kemudian klik pada Insert Media.

P a g e | 31


53. Hasil semasa adalah seperti berikut:

54. Jangan lupa klik pada UPDATE setiap kali anda selesai memasukkan content ke

dalam website anda.

P a g e | 32


55. Seterusnya adalah cara memasukkan video ke dalam website.

Caranya adalah Add New Section dan pilih struture. Sama sahaja seperti di

langkah ke 45 dan 46.

56. Klik pada icon seperti gambar di bawah untuk kembali semula ke paparan

modul-modul Elementor.

P a g e | 33


57. Seterusnya pilih Video dan masukkannya ke dalam structure di bahagian

kanan.

Cara yang sama juga. Anda perlu klik pada Video, dan tanpa perlu lepaskan

mouse, drag modul Video tersebut ke dalam structure di bahagian kanan.

58. Di bahagian Source, klik pada Self Hosted untuk memasukkan video dari laptop

anda.

P a g e | 34


59. Klik pada URL untuk memasukkan video.

60. Klik pada Select Files.

P a g e | 35


61. Pilih file video dari laptop anda dan klik pada Open.

62. Kemudian klik pada Insert Media.

P a g e | 36


63. Klik pada UPDATE jika anda sudah selesai memasukkan video ke dalam

website.

64. Anda sudah pun berjaya memasukkan text, gambar, dan video ke dalam

website.

Untuk melihat hasil website, klik pada Preview Changes.

P a g e | 37


65. Paparan semasa website anda akan jadi seperti ini:

P a g e | 38


Sekian, terimakasih dan All The Best!

hakciptaterpelihara © irfan khairi sdn bhd - openedu.com.my · 8. dibahagian software setup ini,...

Documents