hakciptaterpelihara © irfan khairi sdn bhd - openedu.com.my · 8. dibahagian software setup ini,...
TRANSCRIPT
P a g e | 2
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
5. Paparan seperti ini akan muncul.
6. Gerakkan cursor (mouse) pada gambar bernama Wordpress dan klik Install.
P a g e | 6
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
18. Gerakkan cursor (mouse) pada Plugins dan klik pada Add New.
19. Masukkan perkataan Elementor di bahagian Keyword.
P a g e | 13
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
20. Klik pada Install Now.
21. Kemudian klik pada Activate.
P a g e | 14
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
24. Kemudian di bahagian Template, pilih Elementor Canvas.
25. Kemudian klik pada Publish.
P a g e | 16
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
26. Kemudian gerakkan cursor (mouse) pada Settings dan klik pada Reading.
27. Pastikan anda tick pada A static page.
P a g e | 17
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
44. Jika sudah selesai memasukkan text, klik pada UPDATE untuk save content
website anda.
P a g e | 26
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
47. Klik pada icon seperti gambar di bawah untuk kembali semula ke paparan
modul-modul Elementor.
P a g e | 28
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
50. Klik pada Select Files.
51. Pilih file gambar dari laptop anda dan klik pada Open.
P a g e | 31
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
59. Klik pada URL untuk memasukkan video.
60. Klik pada Select Files.
P a g e | 35
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
61. Pilih file video dari laptop anda dan klik pada Open.
62. Kemudian klik pada Insert Media.
P a g e | 36
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
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
HakciptaTerpelihara © Irfan Khairi Sdn Bhd
65. Paparan semasa website anda akan jadi seperti ini: