Dapatkan segera info rasmi yang lengkap di sistemguruonline.my ⏬️

10 Langkah Bagaimana Cara Buat Website dengan WordPress

Cara Buat Website
Cara Buat Website
Sertai ADAM (Akademi Pendidikan Malaysia)

Sebenarnya untuk setup dan mendirikan sebuah website sangat mudah. Oleh itu, mari kami ajarkan cara buat website menggunakan wordpress dan boleh siap dalam masa beberapa jam sahaja.


7 Langkah Mudah Cara Buat Website dengan WordPress

Isi Kandungan

Berikut adalah prosesnya:

1. Beli Domain & Hosting

  • Anda boleh beli domain di Porkbun dan hosting di penyedia seperti Hostinger, SiteGround, atau Exabytes.
  • Pastikan hosting menyokong WordPress dan mempunyai SSL percuma untuk keselamatan.

2. Pasang WordPress

  • Jika hosting menyediakan pemasangan WordPress satu klik (contoh: Softaculous), gunakannya untuk memudahkan proses.
  • Jika tidak, boleh pasang secara manual melalui cPanel.

3. Pilih & Pasang Tema

  • Untuk tema robot AI, anda boleh cuba tema seperti Astra, Kadence, atau Neve, kemudian gunakan Elementor atau Brizy untuk reka bentuk yang lebih interaktif.
  • Atau, anda boleh guna tema premium seperti Botiga atau XStore untuk fungsi AI chatbot.

4. Tambah Plugin Penting

  • Elementor / Gutenberg – Untuk reka bentuk halaman.
  • Yoast SEO – Untuk optimasi enjin carian.
  • Contact Form 7 / WPForms – Untuk borang pertanyaan & keahlian.
  • AI Chatbot Plugin (seperti Tidio, WP-Chatbot) – Untuk simulasi robot AI.
  • WP Super Cache – Untuk kelajuan website.

5. Buat Struktur Website

  • Halaman Utama – Perkenalkan Prudential & AI chatbot.
  • Halaman Panduan – Artikel mengenai bisnes Prudential.
  • Halaman Hubungi – Borang keahlian atau pertanyaan.
  • Blog – Untuk update & info terkini.
  • Testimoni – Jika ada testimoni pelanggan.

6. Custom AI Chatbot (Pilihan)

  • Jika mahu robot AI yang boleh menjawab soalan pelanggan, boleh guna Tidio atau ChatBot.com.
  • Anda boleh train bot untuk menjawab soalan berkaitan Prudential.

7. Optimize & Publish

  • Pastikan website mobile-friendly dan SEO-optimized.
  • Test website sebelum live dan buat backup berkala.

Tutorial Lengkap Cara Buat Website Online Guna WordPress Sahaja

DALL·E 2025 03 10 08.51.49 A modern and sleek digital illustration of the WordPress logo surrounded by futuristic website design elements. The background features a clean and mi
Cara Buat Website

Langkah 1: Beli Domain & Hosting

Sebelum memasang WordPress, anda perlu membeli domain dan hosting. Domain ialah alamat website anda (contoh: prudentialai.com), manakala hosting ialah tempat website anda disimpan.

1.1 Beli Domain di Porkbun

Porkbun adalah salah satu penyedia domain yang murah dan mudah digunakan. Ikuti langkah berikut:

  1. Lawati laman web Porkbun.
  2. Di bahagian search domain, taip nama domain yang anda inginkan (contoh: prudentialai.com).
  3. Jika domain tersedia, klik Add to Cart.
  4. Klik Checkout dan daftar akaun (jika belum ada).
  5. Pilih Domain Privacy Protection (biasanya percuma di Porkbun).
  6. Buat pembayaran menggunakan kad kredit atau PayPal.
  7. Setelah berjaya, anda akan dapat akses ke Domain Management.

Nota: Domain sahaja tidak cukup, anda perlu hosting untuk menyimpan website.

1.2 Pilih & Beli Hosting

Anda boleh memilih hosting seperti:

  • Hostinger (Mudah digunakan, murah)
  • SiteGround (Laju, support baik)
  • Exabytes (Malaysia-based)
  • Cloudways (Untuk prestasi tinggi)

Cara Membeli Hosting

  1. Pergi ke laman web penyedia hosting pilihan anda.
  2. Pilih pakej yang menyokong WordPress + SSL percuma.
  3. Jika hosting menawarkan domain percuma, anda boleh daftar domain terus di situ.
  4. Buat pembayaran dan daftar akaun.

Nota: Jika anda beli domain di Porkbun dan hosting di tempat lain, anda perlu point domain ke hosting menggunakan DNS settings di Porkbun.

Langkah 2: Pasang WordPress

Selepas mendapatkan domain dan hosting, anda perlu memasang WordPress untuk membina website.

2.1 Pasang WordPress secara Automatik (One-Click Install)

Jika hosting anda menyokong pemasangan WordPress secara automatik:

  1. Login ke cPanel (atau dashboard hosting).
  2. Cari ikon WordPress Installer atau Softaculous.
  3. Klik Install WordPress.
  4. Pilih domain yang anda beli.
  5. Masukkan maklumat berikut:
    • Site Name – Nama website anda (contoh: Prudential AI).
    • Site Description – Penerangan ringkas (contoh: Platform AI untuk Panduan Prudential).
    • Admin Username – Pilih username admin (jangan guna “admin” untuk keselamatan).
    • Admin Password – Gunakan password yang kuat.
    • Admin Email – Masukkan email aktif anda.
  6. Klik Install dan tunggu proses selesai (1-2 minit).

Selepas pemasangan, anda boleh akses dashboard WordPress di:

https://domainanda.com/wp-admin

Gunakan username & password yang anda tetapkan tadi untuk login.

2.2 Pasang WordPress secara Manual (Jika Tiada Auto-Installer)

Jika hosting anda tidak menyediakan pemasangan automatik:

  1. Muat turun WordPress dari WordPress.org.
  2. Upload fail WordPress ke File Manager dalam cPanel.
  3. Buat database baru di cPanel → MySQL Database.
  4. Sambungkan database dengan fail wp-config.php.
  5. Jalankan pemasangan dengan pergi ke domainanda.com/wp-admin/install.php.

Nota: Pemasangan manual lebih rumit, jadi saya cadangkan guna auto-install jika ada.

Langkah 3: Pilih & Pasang Tema WordPress

Tema menentukan reka bentuk dan susun atur website anda. Untuk konsep robot AI yang melayan pelanggan mengenai Prudential, kita boleh pilih tema yang moden dan profesional.

3.1 Pilihan Tema Sesuai

Berikut adalah beberapa pilihan tema yang boleh anda gunakan:

Nama TemaKeterangan
AstraTema ringan, laju, dan sangat fleksibel.
NeveMinimalis dan pantas, sesuai untuk landing page AI.
KadenceMempunyai banyak ciri premium walaupun versi percuma.
BotigaJika ingin buat sedikit e-commerce dalam website.
XStoreUntuk reka bentuk yang lebih interaktif.

Cadangan: Untuk kemudahan dan fleksibiliti, Astra atau Kadence adalah pilihan terbaik.

3.2 Cara Pasang Tema

  1. Login ke WordPress (domainanda.com/wp-admin).
  2. Pergi ke AppearanceThemes.
  3. Klik Add New dan cari tema pilihan anda (contoh: “Astra”).
  4. Klik Install, kemudian Activate.

Nota: Jika anda beli tema premium, anda perlu upload zip file dengan klik Upload Theme.

Langkah 4: Konfigurasi Asas WordPress

Selepas pasang tema, anda perlu buat beberapa konfigurasi asas.

4.1 Buang Kandungan Default

  1. Pergi ke PostsDelete “Hello World”.
  2. Pergi ke PagesDelete “Sample Page”.

4.2 Tukar Permalink

Supaya URL lebih mesra SEO dan mudah dibaca.

  1. Pergi ke SettingsPermalinks.
  2. Pilih Post Name.
  3. Klik Save Changes.

4.3 Pasang Plugin Penting

Plugin menambah fungsi tambahan dalam website. Pergi ke PluginsAdd New, kemudian install dan aktifkan plugin berikut:

  1. Elementor – Untuk reka bentuk drag & drop.
  2. Yoast SEO – Untuk optimasi enjin carian.
  3. WPForms – Untuk borang keahlian dan pertanyaan.
  4. Tidio Chatbot – Untuk robot AI melayan pelanggan.
  5. WP Super Cache – Untuk kelajuan website.

4.4 Buat Halaman Utama

  1. Pergi ke PagesAdd New.
  2. Taip tajuk: Selamat Datang ke Prudential AI.
  3. Simpan sebagai Draft (kita akan reka bentuk nanti).

Langkah 5: Reka Bentuk Halaman Utama Menggunakan Elementor

Kita akan buat reka bentuk halaman utama yang mempunyai:

  • Header – Nama website dan menu navigasi.
  • Hero Section – Pengenalan tentang AI Prudential.
  • Bahagian Perkhidmatan – Apa yang pengguna boleh dapat.
  • Testimoni – Jika ada testimoni pelanggan.
  • Call-to-Action (CTA) – Borang keahlian atau butang WhatsApp.

5.1 Pasang & Aktifkan Elementor

  1. Pergi ke PluginsAdd New.
  2. Cari Elementor.
  3. Klik Install, kemudian Activate.

Nota: Elementor adalah drag & drop page builder, jadi ia sangat mudah digunakan.

5.2 Buat Halaman Utama Baru

  1. Pergi ke PagesAdd New.
  2. Taip Halaman Utama sebagai tajuk.
  3. Klik Edit with Elementor.

5.3 Reka Bentuk Halaman Utama

A) Header (Menu Navigasi)
  1. Pergi ke AppearanceMenus.
  2. Tambah Halaman Utama, Panduan, Hubungi, Keahlian.
  3. Simpan sebagai Primary Menu.
B) Hero Section (Pengenalan AI Prudential)
  1. Tambah New Section dalam Elementor.
  2. Pilih 1 Column Layout.
  3. Tambah Heading:
    • “Selamat Datang ke Prudential AI”.
    • Warna teks putih, saiz besar.
  4. Tambah Subheading:
    • “Robot AI yang membantu anda memahami Prudential dengan lebih mudah!”.
    • Warna teks kelabu.
  5. Tambah Butang “Mula Sekarang”.
  6. Tambah Gambar AI Chatbot atau ilustrasi.
C) Bahagian Perkhidmatan
  1. Tambah New Section → Pilih 3 Columns Layout.
  2. Tambah Icon Box pada setiap column:
    • “Penerangan Produk Prudential”.
    • “Kalkulator Insurans AI”.
    • “Live Chat AI”.
  3. Tambah sedikit teks untuk menerangkan setiap perkhidmatan.
D) Testimoni Pelanggan
  1. Tambah New Section → Pilih 2 Columns Layout.
  2. Tambah Testimonial Widget dari Elementor.
  3. Masukkan testimoni pelanggan (jika ada).
  4. Tambah gambar pelanggan untuk lebih kredibiliti.
E) Call-to-Action (Borang Keahlian / WhatsApp)
  1. Tambah New Section.
  2. Tambah WPForms Widget untuk borang keahlian.
  3. Masukkan butang WhatsApp untuk pertanyaan segera.

5.4 Simpan & Set Sebagai Halaman Utama

  1. Klik Publish.
  2. Pergi ke SettingsReading.
  3. Pilih A Static Page dan setkan Halaman Utama sebagai Homepage.
  4. Simpan perubahan.

Langkah 6: Pasang AI Chatbot untuk Interaksi Pelanggan

AI Chatbot akan membantu pengunjung website berinteraksi dan mendapatkan maklumat tentang Prudential secara automatik.

6.1 Pilihan AI Chatbot

Anda boleh gunakan plugin berikut:

  1. Tidio Chatbot (Percuma, mudah digunakan, ada live chat)
  2. WP-Chatbot by MobileMonkey (Sesuai untuk WhatsApp & Messenger)
  3. ChatBot.com (Pilihan premium dengan banyak fungsi)
  4. AI Engine (Meow Apps) (Boleh disambungkan dengan ChatGPT)

Cadangan: Gunakan Tidio Chatbot kerana ia mudah disetup dan mempunyai AI automasi.

6.2 Cara Pasang & Konfigurasi Tidio Chatbot

  1. Pergi ke PluginsAdd New.
  2. Cari Tidio Live Chat dan Install & Activate.
  3. Pergi ke Tidio Settings dan daftar akaun.
  4. Pilih bahasa Bahasa Melayu (jika mahu).
  5. Tetapkan Soalan & Jawapan AI:
    • Contoh: “Apakah itu Prudential?” → “Prudential adalah…”
    • Contoh: “Bagaimana untuk mendaftar?” → “Anda boleh daftar di…”
  6. Aktifkan Chatbot Automasi untuk balasan automatik.
  7. Simpan dan Test chat di website.

Nota: Anda boleh edit mesej chatbot di Tidio Dashboard.

Langkah 7: Bina Borang Keahlian & Hubungi Kami

Borang ini membolehkan pengunjung daftar sebagai ahli atau hubungi anda secara langsung.

7.1 Pasang Plugin WPForms

  1. Pergi ke PluginsAdd New.
  2. Cari WPForms dan klik Install & Activate.
  3. 7.2 Buat Borang Keahlian
  4. Pergi ke WPFormsAdd New.
  5. Pilih User Registration Form.
  6. Tambah Field seperti:
    • Nama Penuh
    • Emel
    • Nombor Telefon
    • Tujuan Mendaftar
  7. Klik Save & Embed dalam halaman keahlian.

7.3 Buat Borang Hubungi Kami

  1. Pergi ke WPFormsAdd New.
  2. Pilih Simple Contact Form.
  3. Masukkan Nama, Emel, Mesej.
  4. Simpan dan letakkan dalam halaman “Hubungi Kami”.
cara buat website 1
Cara Buat Website

Langkah 8: Optimasi Website (SEO & Kelajuan)

Agar website lebih laju dan mudah dijumpai di Google.

8.1 Pasang Plugin SEO (Yoast SEO)

  1. Pergi ke PluginsAdd New.
  2. Cari Yoast SEOInstall & Activate.
  3. Pergi ke SEO Settings → Isi:
    • Site Title: Prudential AI.
    • Meta Description: Robot AI untuk membantu anda memahami Prudential.
  4. Klik Save Changes.

8.2 Pasang Plugin Cache (WP Super Cache)

Untuk kelajuan website.

  1. Pergi ke PluginsAdd New.
  2. Cari WP Super CacheInstall & Activate.
  3. Pergi ke SettingsCache ON.
  4. Klik Save Changes.

8.3 Pastikan Website Mobile-Friendly

  1. Pergi ke Google Mobile-Friendly Test.
  2. Masukkan URL website anda dan semak jika ada isu.

Langkah 9: Ujian & Pelancaran Website

  1. Test AI Chatbot – Pastikan ia menjawab soalan dengan betul.
  2. Test Borang Keahlian – Daftar dan semak jika berjaya.
  3. Test Kelajuan – Gunakan GTmetrix untuk periksa kelajuan.
  4. Promosikan Website – Kongsi di media sosial, Google, dan blog.

Selesai Tutorial Cara Buat Website Guna WordPress

cara buat website
Cara Buat Website

Sekarang, website anda sudah siap sepenuhnya dengan:

  • ✅ Halaman utama profesional
  • ✅ AI Chatbot untuk interaksi pelanggan
  • ✅ Borang keahlian & hubungi kami
  • ✅ Optimasi SEO & kelajuan

Sekarang, anda boleh mula kemaskini kandungan & menarik pengunjung!

TINGGALKAN KOMEN

Sila masukkan komen anda!
Sila masukkan nama anda di sini

Sir Mohd Afizi
Sir Mohd Afizihttp://www.sistemguruonline.my/
Fulltime Writer at Sistem Guru Online. "There are two days in the year that we can't do anything, yesterday and tomorrow!"

Anda Mungkin Meminati